javascript 创建并关闭iframe
来源:互联网 发布:淘宝公司运营模式 编辑:程序博客网 时间:2024/06/05 09:06
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<title>Image Gallery</title>
<link rev="Stylesheet" rel="Stylesheet" href="8.css" />
<script type="text/javascript" language="javascript">
var testdiv;
var adiv, d;
var iframe;
function openiframe() {
var e = openiframe.caller.arguments[0] || window.event, obj = e.srcElement || e.target;
testdiv = obj.parentNode;
//testdiv =event.srcElement.parentNode;
if (!testdiv.getElementsByTagName("iframe")[0]) {
var iframe = document.createElement("iframe");
iframe.src = "http://www.baidu.com"; /* 新iframe 地址*/
iframe.setAttribute("frameborder", "0", 0);
iframe.scrolling = "no";
iframe.style.height = "0px";
testdiv.appendChild(iframe);
opendiv();
}
else return false;
}
function opendiv() {
iframe = testdiv.getElementsByTagName("iframe")[0];
d = parseInt(iframe.style.height);
if (d < 200) {
d += 4; iframe.style.height = d + "px";
setTimeout("opendiv()");
}
else d = d;
}
function closediv1() {
var c = closediv1.caller.arguments[0] || window.event, obj = c.srcElement || c.target;
adiv = obj.parentNode;
closediv();
}
function closediv() {
iframe = adiv.getElementsByTagName("iframe")[0];
d = parseInt(iframe.style.height);
if (d > 0) { d -= 10; iframe.style.height = d + "px"; setTimeout("closediv()"); }
else adiv.removeChild(iframe);
}
</script>
</head><body>
<div>
<div>
<a href="#" onclick="openiframe()">查看</a>
<a href="#" onclick="closediv1()">关闭</a>
</div>
<div>
<a href="#" onclick="openiframe()">查看</a>
<a href="#" onclick="closediv1()">关闭</a>
</div>
<div>
<a href="#" onclick="openiframe()">查看</a>
<a href="#" onclick="closediv1()">关闭</a>
</div>
<div>
<a href="#" onclick="openiframe()">查看</a>
<a href="#" onclick="closediv1()">关闭</a>
</div>
<div>
<a href="#" onclick="openiframe()">查看</a>
<a href="#" onclick="closediv1()">关闭</a>
</div>
</div>
</body>
</html>
- javascript 创建并关闭iframe
- javascript之在iframe中关闭parent窗口
- javascript 创建csv并下载
- javascript 创建并操作xml
- javascript iframe
- Iframe关闭问题
- 用Iframe实现框架的功能,并可以打开或关闭左栏
- 用Iframe实现框架的功能,并可以打开或关闭左栏
- iframe页面关闭父页并跳转到相应的地址
- jquery实现iframe方式的dialog窗口,加关闭并刷新父窗口功能
- 提交form表单后关闭Iframe弹窗并刷新父级页面
- javascript创建table并实现翻页效果
- JavaScript DOM 创建元素并设置属性
- javascript 创建标签并设置样式
- 关闭HttpUnit不支持的JavaScript语句,并查看错误
- javascript 控制窗口关闭并刷新另一页面
- Javascript刷新父页面并关闭子页面
- javascript 控制窗口关闭并刷新另一页面
- jspSmartUpload讲解的很详细
- 最常见的20种VC++编译错误信息
- Linux学习基础文章1:Linux一句话精彩问答
- Linux安装命令小结
- Response.ContentType 详细列表
- javascript 创建并关闭iframe
- Java读取UTF-8格式txt文件第一行出现乱码——问号“?”及解决;Java读带有BOM的UTF-8文件乱码原因及解决方法
- VIM+Cscope用法
- php 求数组交集之优化
- Linux系统备份
- 关于Linux Grep命令使用的详细介绍
- 今天看到C#高手进阶流程
- Linux文件系统及目录
- 配置有线和无线网络笔记linux欢迎大家拍砖