javascript - 从div中的另一个页面访问html元素

Question

因此，我对html/javascript很陌生，但是我正在开发一个项目，该项目将在div内加载外部html页面，加载时如下所示:

<div class="content" id="content">
 <object type="text/html" data="./ProjectsHTML/radio_project.html">
   #document
 </object>
</div>

在“#document”内部是外部html。此外部html包含一些标题，可以将它们最小化和最大化以隐藏/显示其内容。
我在主html上有一个显示所有标题的侧面菜单(标题在侧面菜单上进行了硬编码)，我想访问外部html 内部的标题位置，以便在侧面单击标题时菜单中，外部html会自动滚动到所述标题的位置。
如果对解决方案有用，我正在使用Electron。
请帮忙 :)

Answer 1

假设页面来自同一域，则解决类似问题here。
但是，如果iframe中的页面来自其他域，则您将无法访问各个元素-这是cross-site scripting，这是一个安全漏洞。
如果您同时拥有两个页面，则有一些选择，即使它们都位于单独的域中也是如此:

您可以将HTML links/bookmarks添加到iframe中的页面，然后在用户单击您的主机页面上的菜单选项时重新加载iframe。如果需要在iframe中重新加载页面，则可以使用它来获得类似的行为。

您可以post messages到iframe并在托管页面中处理“滚动请求”。您将需要谨慎验证这些消息的来源。