iframe dom的控制方法。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<script>
function changeStyle(){
	var x=document.getElementById("myframe");
	var y=(x.contentWindow || x.contentDocument);
	if (y.document)y=y.document;
	y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
	
<iframe id="myframe" src="demo_iframe.htm">
<p>你的瀏覽器不支持iframes。</p>
</iframe>
<br><br>
<input type="button" οnclick="changeStyle()" value="修改背景顏色">

</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
body{
margin:0;
	}
</style>
<script>
window.οnlοad=function(){
	var iframe_dom=document.getElementsByTagName('iframe')[0].contentWindow.document;
	var iframe=document.getElementsByTagName('iframe')[0];
	iframe.style.width=document.documentElement.clientWidth+'px';
	iframe.style.height=iframe_dom.documentElement.scrollHeight+'px';
	}
</script>
</head>

<body>
<iframe src="file:///C:/Users/shengang.li/Desktop/%E8%AE%A2%E9%98%85%E5%8F%B7%E7%BD%91%E9%A1%B5/%E8%AE%A2%E9%98%85%E5%8F%B7%E7%BD%91%E9%A1%B5/dpxl.html" scrolling='no' seamless="seamless" frameborder="0"></iframe>
</body>
</html>


發佈了36 篇原創文章 · 獲贊 30 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章