javascript - 获取 iframe url 并更新输入文本

Question

我的页面中有一个 iframe，我想获取该 iframe 的当前 url 并使用该 url 更新输入文本。

我发现我可以使用

获取 iframe 的 url

document.getElementById("iframe_id").contentWindow.location.href

<iframe id="iframe" name="iframe" src="" width="100%" height="100%" style="border-width: 0px; border-color:#ffffff; border-style: solid;" scrolling="no" border="0" class="auto-style1" frameborder="0" marginheight="0" marginwidth="0"> </iframe>

<script type="text/javascript">
var link = document.getElementById("iframe").contentWindow.location.href ;
document.Show.link.value = link;

</script>
<strong>link for the iframe :</strong>
    <input name="link" type="text" size="100" />

<a onclick="document.all.iframe.src=''" href="url" target="iframe">LINK</a>

这不起作用。

我不知道如何使用它并在每次 iram 的 url 更改时使用该 url 更新输入文本

如果有人点击其中的链接，iframe url 可能会发生变化

致以诚挚的问候，

Answer 1

您的 iframe 代码错误。它来了:

<iframe id="iframe" src="url_of_your_iframe" ... ></iframe>
<input type="text" id="input" />
<script type="text/javascript">
(function() {
  document.getElementById('input').value = document.getElementById('iframe').src;
})();
</script>

就是这样。

编辑:等等，你的 iframe 的 url 什么时候改变？怎么办？