调用在 IE8 中从 iFrame 写入父级的父函数

我在IE8中遇到了问题。我有一个iframe如下。

<!doctype html>
<html lang="en">
<head>
</head>
<body>
<script id="myscript">
function foo() { alert('foo'); }
</script>

(function () {
    var pdoc = parent.document;
    var dest = pdoc.head;
    var text = document.getElementById("myscript").textContent;
    var pscr = pdoc.createElement("script");
    pscr.textContent = text;
    dest.appendChild(pscr);
    parent.foo();
})();
</body>
</html>

iframe 将脚本复制到父级，并在父级上运行函数 foo。

这在我需要它的所有浏览器上都非常有效，除了IE 8。（这不是跨域问题）

我得到"对象不支持此属性或方法"

较旧的IE没有textContent。它有 innerText ，但对于script元素，您可以使用text。

另外，IE8 上不会自动提供document.head;请改用document.getElementsByTagName('head')[0]。

通过这两个更改，这适用于IE8，IE11，当前的Chrome和当前的Firefox：

(function () {
    var pdoc = parent.document;
    var dest = pdoc.getElementsByTagName('head')[0];
    var script = document.getElementById("myscript");
    var prop = 'textContent' in script ? 'textContent' : 'text';
    var text = script[prop];
    var pscr = pdoc.createElement("script");
    pscr[prop] = text;
    dest.appendChild(pscr);
    parent.foo();
})();

当然，仅当您需要新的foo函数关闭另一个窗口的全局上下文时，通过文本执行此操作才有用。但想必这就是你想做的...

相关内容

最新更新

热门标签：