链接到HTML页面并立即调用特定的Javascript函数

Question

我有两个这样的HTML文件：

file1.html:
<a href="file2.html" onclick="showSection(1)">section 1 of file2</a>
<a href="file2.html" onclick="showSection(2)">section 2 of file2</a>

file2.html:
<script>
  function showSection(sectionId) {
    section = document.getElementById(sectionId);
    section.style.display = "block";
  }  
</script>
<style>
  section { display: none; }
</style>
...
<section id="1">
  Section 1
</section>
<section id="2">
  Section 2
</section>

在单击file1中的链接之一时，我想立即调用一个Javascript函数，该函数仅显示第1或2部分，具体取决于关闭了哪个链接。我怎样才能做到这一点？上面的代码的问题在于它调用了file1.html

中未定义的函数

Answer 1

除了诸如window.postMessage()之类的特定API外，您无法在其他框架中调用函数。我想这不是您想要的。 如果要在页面加载时执行某个功能，则只需在<script>标记中执行该功能，或侦听DOMContentLoaded事件，该事件将在构造文档时触发。