当父母页面不同时更改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."); 
}