通过javascript更改源时,停止iframe闪烁白色

时间:2015-05-06 22:37:48

标签: javascript html iframe

我有一个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的来源?

1 个答案:

答案 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/