iframe隱藏

最新推荐文章于 2023-12-28 17:46:16 发布

xfyjg

最新推荐文章于 2023-12-28 17:46:16 发布

阅读量227

点赞数

分类专栏： javascript 文章标签： Blog HTML

本文链接：https://blog.csdn.net/xfyjg/article/details/83407837

版权

javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

在<body>...</body>之间加入下列代码：

<div id="bodyframe" style="VISIBILITY: hidden">
<IFRAME frameBorder=1 id=heads src="framepage.htm" style="HEIGHT: 200px; LEFT: 220px; POSITION: absolute; TOP: 200px; WIDTH: 500px">
</IFRAME>
</div>
<div onclick="document.all.bodyframe.style.visibility='visible'" style="background-color: red; cursor: hand; height: 22; left: 300; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">显示iFrame</font></p>
</div>
<div onclick="document.all.bodyframe.style.visibility='hidden'" style="background-color: red; cursor: hand; height: 22; left: 400; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">隐藏iFrame</font>
</div>

如果在table中有一行是iframe，且需要隐藏的时候，需要放到table的最上面一行，否则会出现隐藏不了，或者排版变乱，js错误。

原貼:
http://derpvail.iteye.com/blog/261059