我有一个iframe:
<iframe id="main_frame" src="first_url.html" style="visibility:hidden;" onload="this.style.visibility = 'visible';"></iframe>
正如您所见,它已被设置为在加载时不可见。这可确保在帧加载时不会出现“白色闪烁”。但是,如果我通过单击此按钮更改iframe的来源:
<button onclick="change_view('new_url.html')">change view</button>
..改变源的javascript函数是:
function change_view(url) {
var site = url
document.getElementById('main_frame').src = site
}
然后我在光源变化时得到白色闪光。有没有办法在不获得此白色闪光的情况下更改iframe的来源?
答案 0 :(得分:2)
你可以试试这个
<iframe style="visibility:hidden;" onload="this.style.visibility = 'visible';" src="../examples/inlineframes1.html" > </iframe>
它隐藏iframe直到完全加载。
https://css-tricks.com/snippets/html/get-rid-of-white-flash-when-iframe-loads/