當父母頁面不同時更改div內容？

Question

我想改變一個div內容時，我的網頁嵌入到 另一頁爲例：

如果訪問者直接訪問的頁面：

<div id="msg"> this is my page </div> 

，如果我的頁面嵌入到框架

<div id="msg"> my page into anthor page :)</div> 

感謝您的提前。

Answer 1

您可以輕鬆地檢查，如果頁面中的iframe使用這種伎倆：

var isInIFrame = (self != top); 

所以，你檢查它的頁面級加載並得到這樣的東西：

$(document).ready(function() { 
    var isInIFrame = (self != top); 
    if (isInIFrame) 
     $("#msg").text("my page into anthor page :)"); 
}); 

和默認值「這是我的網頁」應該在標記文件中。

Answer 2

你可以使用javascript（僅客戶端）。從這個鏈接;

http://billhiggins.us/blog/2009/04/09/detecting-that-youre-in-an-iframe/

你可以做與JavaScript以下;

<script type = "text/javascript"> 
if(window !== top) { 
    document.getElementById("msg").innerHtml("My page into another page") 
} 
</script> 

沒有測試過，並從閱讀這篇文章，要考慮的問題，但希望這可以讓你在正確的方向。

Answer 3

你可以試試：

if (window != top) { 
    document.write('<div id="msg"> my page into anthor page :)</div>'); 
} else { 
    document.write('<div id="msg"> this is my page </div>'); 
} 

Answer 4

您可能能夠使用JavaScript來實現這一目標。您可以檢測到您的window對象是否是頂級的瀏覽器窗口：

if (window === top){ 
    alert("I'm the top."); 
} else { 
    alert("I'm embedded."); 
}