获取 <object> 中显示的网页的 URL答案

【问题标题】：Get the URL of the webpage displayed in an <object>获取 <object> 中显示的网页的 URL
【发布时间】：2020-08-19 15:42:42
【问题描述】：

我有一个 div，其中包含一个 HTML object

<div id="webPage">
  <object type="text/html" id="webUrl" data="http://www.pageweb.com" style="overflow:auto"></object>
</div>

在此 div 中，用户可以导航到 http://www.pageweb.com 站点。我想检索用户所在的确切 URL，例如：http://www.pageweb.com/fr/index.php?page=cadre&option=5。我无法找到该对象或其子对象的属性来检索此 URL。

当我在 Chrome 中右击object 并单击“显示框架的源代码”时，它会显示我需要的 URL 内容。

【问题讨论】：

【解决方案1】：

可能会遗漏一些东西 - 但您只需要对象的 data 属性。

var element = document.getElementById('webUrl');

console.log(element.data);

<div id="webPage">
    <object type="text/html" id="webUrl" data="http://www.pageweb.com" style="overflow:auto">
    </object>
</div>

【讨论】：