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