Question

有一个页面。顶部为Div，底部为iframe。需要从iframe中提取页面网址并将其放入顶部的div中。当用户浏览iframe中的页面时，顶部div中的url必须相应地更改。

我和JS和Jquery中的菜鸟。所以问题是这可以做到吗？如果是这样，有人能指出我正确的方向吗？

谢谢！

Answer 1

您可能正在寻找window.location的内容。但是，为了获取iFrame的网址，您可能需要做更多的工作。相同的概念，但您必须获取iFrame的ID并使用window.location获取iFrame的位置。

我发现另一个可能提供更多价值的帖子：Get current URL with JavaScript

Answer 2

如果您的脚本是 in iframe，并且您正在尝试将父窗口的url放入div：

window.parent.$("#your-div").text(window.parent.location.href)

如果您的脚本位于父网页中，并且您尝试将框架的网址放入div：

$(document).ready(function() {
   $("IFRAME").load(function() {
      $("#your-div").text($("IFRAME")[0].contentWindow.location.href);
   });
});

修改

我应该注意，除非父页面和框架页面共享same origin，否则这些都不会起作用。

第二次编辑：

由于您的父页面和框架页面不是同一来源，因此从技术上讲，您无法执行此操作。但是你可以获得iframe的“src”属性，如果这足够好的话。请注意，这不会跟踪帧，因为它会更改页面。它只是iframe创建的任何页面（如果有的话）。

$("IFRAME").attr("src")

除此之外我认为不可能。这显然是一个重大的安全问题。例如：制作一个iframe，使其成为全窗口，跟踪URL并保持位置字段同步，并且繁荣：你有一个浏览器可以监视某人的浏览，看到应加密和安全的参数。这将是不好的，并且欺骗某人进入这样的状态会非常容易。

从iframe中的当前页面中拉取网址

2 个答案: