设置HTML页面大小0 javascript

有什么办法可以将html页面的大小从javascript/jquery减小到width和height = 0 我从里面调用这个html页面，iframe和iframe调整大小为html页面大小和我想的iframe消失设置HTML页面大小0 javascript

来源

2012-10-26 p0tta

如果你想隐藏实际iframe你iframe则需要通过访问iframe的父母这样做。所以说，我们有两页：

parent.html：

<htmL> 
<head> 
    <script type="text/javascript" src="./jquery.1.7.1.min.js"></script> 
</head> 
<body> 
    <iframe id="parentFrame" src="./child.html"></iframe> 
</body> 
</html>

child.html：

<htmL> 
<head> 
    <script type="text/javascript" src="./jquery.1.7.1.min.js"></script> 
</head> 
<body> 
    <input type="button" value="hide me" onclick="$('#parentFrame', window.parent.document).hide();"/> 
</body> 
</html>

我们使用window.parent.document得到父，那么我们可以从那里访问我们想要的任何内容，在这种情况下，我们只需隐藏iframe本身。

来源

2012-10-26 04:53:40 Rob

谢谢Rob！但我的iFrame内容和iFrame代码位于不同的服务器上。那么这仍然有效吗？ – p0tta

不，在这种情况下，你将会遇到XSS问题，或许你可以通过某种方式检测它，也许当点击'hide'按钮时，你可以在URL中添加一个哈希值window.location.href + ='#blah'，然后在你的父页面有一个setInterval来检查iframes url，如果它包含#blah哈希值，你可以隐藏它，删除它，等等......虽然还没有测试过。 – Rob

设置HTML页面大小0 javascript

回答

相关问题