Question

在我的index.html文件中，我有：

<button onclick="myFunction()">Click me</button>

myFunction位于index.js

单击按钮时如何调用此功能？

Answer 1

在js中添加reference文件html page，以便可以从html页面调用其功能。

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

同时按下您的按钮type="button"，否则此button将submit页面，function将不会被调用。

<button type="button" onclick="myFunction()">Click me</button>

Answer 2

您需要在HTML底部添加index.js文件，就在</body>标记之前：

<script src="path/to/index.js"></script>

Answer 3

添加到标题：

<script type="text/javascript" src="index.js"></script>

Answer 4

我猜你是对这一切的新手，所以我会尝试解释它比上面的答案多一点。

获得HTML后：

<html>
    <head>
        <title>This is the title of my page</title>
        <script src='js/script.js' type='text/javascript'></script>
    </head>
    <body>
        <button onclick="myFunction()">Click me</button>
    </body>
</html>

当你看到这个。 <script>标记对浏览器说：＆＃34;好的，有一些javascript（或jQuery）＆＃34;所以它将查看src属性，以查看应该加载的javascript的位置。当它找到它时，它会将它加载到html文档中，您将在文件中准备好在html文档中使用的函数。 type属性只是说：＆＃34;好的，这个脚本充满了javascript＆＃34;。例如，当您包含CSS脚本来设置页面的HTML元素样式时，您也可以type='text/css'。

希望它有用，祝你好运，学习html / css / javascript。如果您有任何疑问，请回答此答案。

我们如何从.html文件中调用.js中的函数

4 个答案: