原代码
<body>
<iframe src="html/map.html" frameborder="0" name="content_area" id="content_area" class="main_content"></iframe>
</body>
现在修改为
<body>
<iframe src="helloWorld.html" frameborder="0" name="content_area" id="content_area" class="main_content"></iframe>
</body>
chrome测试的结果为
保证路径都是没问题的，哪怕src是空白chrome显示也不变。
改个这急死人。。
分享
以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。
在使用iframe时，其src属性是用来指定嵌入到页面中的其他HTML文件的URL。当更改iframe的src属性后，浏览器会重新加载整个页面，并且不会更新原来的iframe元素。
要解决此问题，可以尝试以下方法：
document.getElementById('content_area').src = 'helloWorld.html';
window.onload事件监听器：如果希望iframe在页面加载完成后才重定向到新地址，则可以在window.onload事件处理器中执行这个操作。例如：document.addEventListener('DOMContentLoaded', function() {
document.getElementById('content_area').src = 'helloWorld.html';
});
onload事件处理器中调用一个函数来重定向iframe的内容。例如：function onContentLoad(event) {
event.target.src = 'helloWorld.html';
}
document.getElementById('content_area').addEventListener('load', onContentLoad);
以上任何一种方法都可以确保iframe在改变src属性后被正确地更新。
分享