Question

我有两个html页面，第一个是index.html，另一个是content.html。 content.html页面包含一个JavaScript函数，我想从index.html页面调用该函数。

我已将content.html页面嵌入index.html页面。所以请建议我如何调用该功能。这是两个页面的代码。的index.html

<div id="content" class="bg-danger"> 
    <embed src="content.html" id="child" width="100%" height="100%" style="height: 100%">
    </embed> 
</div>

Content.html

<body>
<script type="text/javascript">
function content2(){
    alert("content");
}
</script>
<div>
    Content Page
    <button  id="contentbtn" onclick="content();">Click</button>
</div>

制作外部文件很容易，但条件是代码必须驻留在javascript html页面上。

Answer 1

为什么你不创建一个.js文件并用它来引用它？

<script src="myscripts.js"></script>

然后，您可以在其他页面中使用

Answer 2

来自W3Schools

如果要在网站的多个页面上运行相同的JavaScript，则应创建外部JavaScript文件，而不是一遍又一遍地编写相同的脚本。

使用.js扩展名保存脚本文件，然后使用标记中的src属性引用它。

<script src="javasriptFIle.js"></script>

Answer 3

使用外部JavaScript文件。
在两个HTML文件中导入javascript文件

Answer 4

也许您应该考虑将自己的JS放在一个文件中，然后从不同的HTML文件中调用它。

然后在你的html中用<script src="Your script here"></script>来引用你的JS

Answer 5

您可以在项目中使用JQuery吗？将其添加到主页然后在嵌入式子页面中使用Jquery的document.ready(...)或主页$("child").ready(...);

如果不是在主页中如何

document.getElementById("child").addEventListener('load', function() { // do something now child is loaded });

从另一个页面调用Javascript函数？

5 个答案: