当前位置: 代码迷 >> Web前端 >> iframe运用笔记
  详细解决方案

iframe运用笔记

热度:359   发布时间:2012-06-30 17:20:12.0
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>

  相关解决方案