iframe dom的控制方法。

最新推荐文章于 2024-03-07 11:29:39 发布

ioPython

最新推荐文章于 2024-03-07 11:29:39 发布

阅读量538

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/getcomputerstyle/article/details/52299541

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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>

ioPython

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe dom的控制方法。

菜鸟教程(runoob.com)function changeStyle(){ var x=document.getElementById("myframe"); var y=(x.contentWindow || x.contentDocument); if (y.document)y=y.document; y.body.style.backgroundColor="#0000ff
复制链接

扫一扫

专栏目录