程序博客网 > 常用linux命令大全

使IFrame根据内容自动调整大小

来源：互联网发布：常用linux命令大全编辑：程序博客网时间：2024/04/30 14:36

在下面的示例中，我们最初将 IFRAME 元素的宽度和高度属性设置为了 1。加载之后，我们会检查 IFRAME 中已加载文档正文的 scrollWidth 和 scrollHeight 属性，以查看它是否大于该 IFRAME 的 offsetWidth 和 offsetHeight 属性。然后，我们将宽度和高度属性设置为等于 scrollWidth 和 scrollHeight 属性，再加上一个很小的缓冲余地。

请注意，如果 IFRAME 中加载的文档来自其他域而不是该包含文档，则我们会遇到 Access is denied 错误。这是出于安全方面的原因。

<html>

<head>

<script>

function window.onload()

{

if (frName1.document.body.scrollWidth > document.all.fr1.offsetWidth)

{

document.all.fr1.width = frName1.document.body.scrollWidth + 4;

}

if (frName1.document.body.scrollHeight > document.all.fr1.offsetHeight)

{

document.all.fr1.height = frName1.document.body.scrollHeight + 4;

}

}

</script>

</head>

<body>

<iframe id="fr1" name="frName1" height="1" width="1" src="about:abc<br>defghijklmnopqrst<br>uvwxyz"></iframe>

</body>

</html>

常用linux命令大全

常用linux命令大全

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子凉皮调料配方魏家凉皮图片凉皮吃了会胖吗凉皮调料水的做法配方拌凉皮的做法做凉皮的工具凉皮的做法及调料凉皮用什么做的怎样制作凉皮凉皮怎么做才筋道怎样做凉皮好吃又劲道自制凉皮的做法及图解陕西凉皮的制作方法凉皮怎么炒好吃卖凉皮调料水的配方调凉皮的调料水怎么做凉皮调料水秘制配方面皮和凉皮的区别凉皮是用什么做的凉皮的制作方法和配料调凉皮配料的做法凉皮是什么做的凉皮凉面的做法四川凉皮的做法及调料凉皮的制作方法与步骤陕西凉皮的做法西安凉皮的做法自制凉皮的简单做法开个凉皮店要多少钱凉皮培训学校肉夹馍凉皮培训淀粉制作凉皮制作凉皮的机器特色凉皮培训制作凉皮的工具一碗凉皮的热量米皮怎么做面皮的做法面皮怎么做米皮的做法大全面皮的做法大全