Javascript 检测页面是否有边框和iframe大小

Javascript 检测页面是否有边框和iframe大小,javascript,jquery,html,iframe,frame,Javascript,Jquery,Html,Iframe,Frame,好的,问题来了。我已经托管igoogle小工具一段时间了,最近删除了它们。许多网站仍然嵌入代码,并且没有办法让他们知道如何删除它们。 我的计划是将所有小工具(页面)重定向到404,并在那里插入一个javascript弹出窗口,让网站围绕这些更改构建我的页面,这对他们来说将是一件恼人的事情。 或者,将所有页面重定向到另一个页面,该页面将包含能够执行所有这些操作的javascript代码: -检测页面是否有边框(据我所知,这是一个解决方案:if(top.location!=self.location

好的,问题来了。我已经托管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>

if(top.location!=self.location){
//获取嵌入此页面的框架大小并执行上述操作的魔法代码//
};

Hmmm。。。回答我自己的问题:) 我找到了一个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>

if(top.location!=self.location){
$(文档).ready(函数(){
//何时显示200px div
如果($(窗口).width()==200){
$('#200').show();
}否则{
$('#200').hide();
}
//何时显示300px div
如果($(窗口).width()==300){
$('#300').show();
}否则{
$('#300').hide();
}
});
};
200
300

我认为,如果您的页面位于iframe内,则通常的javascript“获取页面大小”等将根据iframe大小工作。您是否尝试过在确认页面已设置框架后在iframe内使用window.widt()等。可能有用,除非没有违反。谢谢大家,但你们能分享代码吗?我在这里迷路了。