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>
答案 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>