Question

我有一个非常大的页面，其中包含使用iframe和javascript函数。我将简化我的代码，例如：

Simple html:
<html>
<head>
    head tags
</head>
<body>
    <iframe id="iframe_1" align="center" src="iframe-test.html"></iframe>
</body>
</html>

iframe-test.html的内容：

<html>
<head>
</head>
<body>
    <span id="my_element">50</span>
</body>
</html>

我的JavaScript功能：

function test(){
var my_element = document.getElementById("iframe_1").contentWindow.document.getElementById("my_element");
my_element.innerHTML = "60";
}

因此。它在IE和FF中运行得很完美，但Chrome不会更新my_element的innerHTML，直到我用鼠标选中它！是的，没错。我正在调用js函数并且在Chrome中看不到更新，在用鼠标光标选择“50”后，它会刷新新值“60”。我该如何解决？

Answer 1

当我在自己的机器上尝试时，它会讨论3个错误：

1.Uncaught TypeError: Cannot set property 'innerHTML' of null test.html:12
2.Unsafe JavaScript attempt to access frame with URL file:///C:/Users/sadaf2605/Downloads/New%20folder/iframe-test.html from frame with URL file:///C:/Users/sadaf2605/Downloads/New%20folder/test.html. Domains, protocols and ports must match.
3. Uncaught TypeError: Cannot call method 'getElementById' of undefined

正如数字2所说：Domains, protocols and ports must match.所以我想当你将它上传到服务器上时，不会发生这个错误，因为域，协议和端口在真实服务器中是相同的。

谷歌浏览器在动态更改JavaScript后不会更新iframe元素innerHTML

1 个答案: