iframe 刷新onload 监听（兼容浏览器）

最新推荐文章于 2024-03-02 16:51:33 发布

原创最新推荐文章于 2024-03-02 16:51:33 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #IE #Safari #Firefox

web前端专栏收录该内容

4 篇文章

订阅专栏

对 iframe onload事件的监听，本来是用来动态改变iframe的背景色的，结果没用到。

function showIframe(url){
		var type=getOs();
		var contentIframe=document.getElementById('auditRuleManagerIframe');
		//先隐藏
		contentIframe.style.display="none";
		contentIframe.src=url;
		if(type=="ie"){								
			//ie中需要对readyState进行监听
			if(contentIframe.readyState){ 
				contentIframe.style.display="block";
			}			   			
		}else{		
			//加载完成后再展示
			contentIframe.onload=function(){ 
				contentIframe.style.display="block";
			};
		}
	}

	//获得浏览器类型
	function getOs()
	{
			if(navigator.userAgent.indexOf("MSIE")!=-1) { 
			return "ie"; 
		} 
			if(navigator.userAgent.indexOf("Firefox")>0){ 
		return "Firefox"; 
	} 
			if(navigator.userAgent.indexOf("Safari")>0) { 
	    return 'Safari';
	}  
			if(navigator.userAgent.indexOf("Camino")>0){ 				
	    return "Camino"; 
	} 
			if(navigator.userAgent.indexOf("Gecko/")>0){ 				   			
	    return "Gecko"; 
	} 
	}