檢測頁面是否帶框架以及iframe的大小

Question

好的，這就是問題所在。 我已經托管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>

Answer 1

嗯...回答我自己的問題:)我找到了一個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>