Question

我希望在我的网页嵌入另一个网页时更改div内容例如：

如果访问者直接访问该页面：

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

如果我的页面嵌入框架

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

感谢您的进步。

Answer 1

您可以使用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 2

您可以尝试：

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 3

您可以使用JavaScript完成此操作。您可以检测您的window对象是否是顶级浏览器窗口：

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

Answer 4

您可以使用此技巧轻松检查页面是否在iframe中：

var isInIFrame = (self != top);

所以，你在页面加载时检查它并得到这样的东西：

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

默认值“这是我的页面”应该在标记文件中。

父页面不同时更改div内容？

4 个答案: