检测页面是否有框架以及iframe大小

时间:2013-11-24 11:57:53

标签: javascript jquery html iframe frame

好的,所以这就是问题所在。我已经托管了igoogle小工具一段时间并最近删除了它们。许多网站仍然嵌入代码,没有办法让他们知道删除它们。 我的计划是将所有小工具(页面)重定向到404并在那里插入一个javascript弹出窗口,让网站将我的网页框起来进行更改 - 这对他们来说很烦人。 或者,将所有页面重定向到另一个页面,其中包含能够执行所有这些操作的javascript代码: - 检测页面是否有框架(据我所知,这是一个解决方案:if(top.location != self.location)) - 检测iframe大小(这是困难的部分) - 根据帧大小更改页面内容(隐藏一些div和其他显示的div将执行此操作)

同样,为了避免混淆:网站A在iframe中显示网站B. javascript必须在网站B上,基本上B必须确定它是否被框架并采取上述操作 - 检测框架宽度/高度并显示不同的内容,比如3-4个尺寸(例如200px / 200px,300px / 300px等等)。 我不是很聪明,所以,如果您有任何想法,请分享整个代码,而不仅仅是部分。 这是一个开始,我的javascript知识停在这里:

<script language="JavaScript">
if(top.location != self.location){
// the magic code that gets the size of the frame that embeds this page and takes the above actions //
};
</script>

1 个答案:

答案 0 :(得分:0)

嗯...回答我自己的问题:) 我发现了一个jQuery解决方案:

<script language="JavaScript">
if(top.location != self.location){
$(document).ready(function() {
// when to show the 200px div
    if($(window).width() == 200) {
        $('#200').show();
    } else {
        $('#200').hide();
    }
    //when to show the 300px div
    if($(window).width() == 300) {
        $('#300').show();
    } else {
        $('#300').hide();
    }
});
};
</script>
<div id=200>200</div>
<div id=300>300</div>