解决办法如下:
1 <iframe class="html_area" src="http://www.baidu.com"></iframe>
设一个变量,var show_loading = true; //这个变量为真表示loading显示,反之loading隐藏
然后 设一个计时器
-
var self = this
-
var html_iframe = document.getElementsByClassName('html_area')[0]
-
var interval = setInterval(function () {
-
var iframeDoc = html_iframe.contentDocument || html_iframe.contentWindow.document;
-
if(iframeDoc.readyState == 'complete' || iframeDoc.readyState == 'interactive'){
-
self.show_iframe_loading = false
-
clearInterval(interval)
-
}
-
},500)
这样在刚开始请求的时候就显示loading,然后启动了计时器,每500ms检测一次,如果iframe内有内容的话,就将loading隐藏了