Question

我正在尝试使用HTML，并找到了-tag。我提供了一个src网址，该网站的加载没有问题。但是，我无法获得此内部网站的HTML代码。如何使用JS访问它？

我已经尝试过

innerHTML, children, childNodes

等。

HTML

<div class="Webframe">
            <embed id="webframe" src="http://testapp.galenframework.com/"></embed> 
</div>

控制台输出

let webframe = document.getElementById("webframe");
console.log(webframe)

可以在这里看到

https://imgur.com/JH2jzKr

如果有人对如何访问此#document有想法，我很乐意尝试

提前谢谢

Answer 1

您的第一个问题是缺少与<embed>一起执行任务的界面。最好使用<iframe>。

第二个方法是尝试在没有CORS的情况下访问另一个域的内容。（请参见https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin）

让我们尝试<iframe>中的本地页面。现在，您可以访问iframe s contentDocument`：

<iframe id="webframe" src="test2.html"></iframe> 

<script>
let webframe = document.getElementById("webframe");
webframe.onload = ()=> console.log(webframe.contentDocument.body.outerHTML);
</script>

如果您有权访问其他域服务器，则可以在HTTP标头中添加“ Access-Control-Allow-Origin: *”，然后尝试使用。

Answer 2

    <div class="Webframe">
     <embed id="webframe" src="http://testapp.galenframework.com/" /> 
   </div>
   let webframe = document.getElementById("webframe");
   console.log(webframe)

如何使用JS获取嵌入式网站的文档？

2 个答案: