读书人

iframe运用笔记

发布时间: 2012-06-30 17:20:12 作者: rapoo

iframe使用笔记

1.使用JS刷新iframe的方法:

?

document.getElementById('iframeid').src = document.getElementById('iframeid').src

or
document.getElementById('iframeid').src += '';
原理都是一样的,就是修改iframe的src,这种方法还是比较有效的,可以兼容IE,firefox,chorme。
iframe在加载(刷新)时会重新render内容,所以效率比较差,在要求页面渲染效率的情况尽量避免使用iframe。

?

2.iframe与parent js函数的调用

? ?使用window.parent引用被嵌套的window在调用对应的js方法。

? ?<head>

? ? <script>
? ? function abc() {
? ? ? ? alert("sss");
? ? }
? ? </script>
? ?</head>
? ?<body>
? ? <iframe id="myFrame">
? ? ? ? <a onclick="parent.abc();" href="#">Click Me</a>
? ? </iframe>
? ?</body>

读书人网 >Web前端

热点推荐