iframe框架的自適應

近期由於項目的用到iframe在寫自適應時發現在chrome中不行,經過多方查找終於解決了特此記下一坐備忘
其中js代碼如下
	function reinitIframe(){
		var iframe = document.getElementById("mainframe");	//獲得iframe
		try{
			var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;	//獲得iframe內文檔的滾動條的高度
			var bHeight = iframe.contentWindow.document.body.scrollHeight;		//獲得iframe中body的滾動條的高度
			var height = Math.max(bHeight, dHeight);	//取其中的最大值
			iframe.height =  height;
		}catch (ex){}
	}
	window.setInterval("reinitIframe()", 200);	//通過自動調用動態改變iframe的高度,解決了iframe一旦變大不會變小的問題
其中 chrome 瀏覽器 把他當成跨域的iframe,因此必須用http訪問才能解決問題
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章