gpt4 book ai didi

javascript - 在 JavaScript 中动态更改后,Google Chrome 不会更新 iframe 元素innerHTML

转载 作者:行者123 更新时间:2023-11-28 09:13:24 26 4
gpt4 key购买 nike

我有一个相当大的页面,其中包含 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

正如数字 2 所说:域、协议(protocol)和端口必须匹配。 所以我认为当您将其上传到服务器上时,不应发生此错误,因为域、协议(protocol)和端口在真实服务器。

关于javascript - 在 JavaScript 中动态更改后,Google Chrome 不会更新 iframe 元素innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16012770/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com