javascript - 显示单独容器内 iFrame 元素的路径

Question

问题

我的网页中有以下 iframe。

<iframe id="videobox" width="270" height="410" src="/videochat" marginwidth="0" margin="0" scrolling="no" ></iframe> 

我想显示src另一个 HTML 元素中此 iframe 的值。

<div id="iframeurl">iframe url https://abcded.com/videochat/#abcd12345</div>

URL的结尾，也就是hash，是在访问iframe URL时动态生成的。这意味着采用初始 src 值将不包含动态生成的 URL。

问题

问题是采用src iframe 中的值仅显示 https://abcded.com/videochat/ 。我需要末尾带有动态生成的哈希值的 URL，例如 https://abcded.com/videochat/#abcd12345

我需要什么

1. 我需要 <a> 内的完整 iframe 网址像元素 <a href="url-here">Click to open the embed in a new tab.</a>

或

我需要在单独的 <div> 中显示 iframe URL元素。例如，<div id="iframeurl">The URL is: https://abcded.com/videochat/#abcd12345</div>

Answer 1

可以通过.contentWindow.location.href获取当前iframe URL 。这是一个例子。

document.getElementById("videobox").contentWindow.location.href;

要在单独的元素中显示它，请将其设置为 .innerhtml URL 的值加上任何其他相关文本。

document.getElementById("iframeurl").innerHTML = "The URL is: " + document.getElementById("iframe_id").contentWindow.location.href;

制作<a>带有 URL 的标记，请使用此代码。

document.getElelemtById("iframelink").href = document.getElementById("iframe_id").contentWindow.location.href;

一旦 iframe 加载一段时间后，不要忘记更新 JavaScript 代码，否则它可能无法提取正确的值并在重定向之前提取链接。