记录iframes的一些信息

最新推荐文章于 2024-08-18 21:47:24 发布

xclsky1120

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量692

点赞数

本文链接：https://blog.csdn.net/yumolan4325/article/details/78999404

版权

1 iframe是框架如：
<iframe id="import_btn" src="aaa.html" name="import_btn" style="width:110px;height:51px" scrolling="no"></iframe>

aaa.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

</head>
<script type="text/javascript" language="javascript">
function abcd(){
alert("abde()");
}
</script>
<body >
<input type="file" id="import_btn_1" name="import_btn_1"/>
</body>
</html>

2 得到或设置iframe。如果想要单独的根据iframe的id来设置src等信息。这是要用到document.getElementById("id")来设置。
如：var obj_iframes=document.getElementById("import_btn");
obj_iframes.src="./aaa.html";

3 如果想要调用aaa.html中的函数abcd。这是需要通过window.frames["id"]来调用
如：window.frames["import_btn"].abcd();

综上所述。来说明　document.getElementById("id")和window.frames["id"]的区别
document.getElementById("id")得到的属性是id、name、src、style等属性。是iframe标签自有的属性。

window.frames["id"]得到是一个window对象。该window对象就是iframes中的src所对应的界面中的window。如果想要调用src所对应的界面中的函数。这是就可以这样：window.frames["import_btn"].abcd();