谷歌Chrome浏览器不更新iframe元素innerHTML动态变化后，在JavaScript

Google Chrome not updating iframe element innerHTML after dynamically changes in JavaScript

本文关键字：变化 动态 JavaScript innerHTML 元素 浏览器 Chrome 更新 iframe 谷歌      更新时间：2023-09-26

我有一个相当大的页面，其中包含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'刷新。我该怎么修理它?

当我在自己的机器上尝试时，它谈论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

正如第二句所说:Domains, protocols and ports must match.，所以我认为当你将它上传到服务器上时，这个错误不应该发生，因为域，协议和端口在真实服务器中是相同的。

相关文章：