Javascript 从iframe中的当前页面提取url

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

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

---

谢谢大家!

您可能正在沿着window.location的路线寻找一些东西，但是，为了获得iFrame的URL，您可能需要做更多的工作。相同的概念，但您必须获取iFrame的ID，并使用window.location获取iFrame的位置

下面是我发现的另一个可能提供更多价值的线程：

如果您的脚本位于iframe中，并且您正试图将父窗口的url放入div中：

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

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

如果脚本位于父页面中，并且您正试图将框架的url放入div中：

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

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

编辑：

我应该注意到，除非父页面和框架页面共享相同的内容，否则这些都不起作用

第二次编辑：

由于父页面和框架页面的来源不同，从技术上讲，您不能这样做。但是如果足够好的话，您可以获得iframe的src属性。请注意，当框架更改页面时，它不会跟踪框架。它将只是iframe创建用来显示的任何页面

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

---

除此之外，我认为这是不可能的。这显然是一个重大的安全问题。例如：制作一个iframe，使其成为完整窗口，跟踪URL并保持位置字段同步，然后boom：你有一个浏览器，可以监视某人的浏览，查看应该加密和安全的参数。这会很糟糕，而且很容易诱使某人进入这样的状态。

不。iframe将是与父页面不同的url。您想朝哪个方向？父页面读取iframe的url，或者iframe读取父页面的url？父页面读取iframe url并将其放入变量中，该变量将其显示在父页面上。感谢您在itI中花费时间。我添加了另一个编辑。我怀疑它能满足你的需求，但我怀疑出于安全原因，你不可能满足你的需求。