求助:HTML点击按钮调用JS文件或者直接调用JS代码?

JavaScript06

求助:HTML点击按钮调用JS文件或者直接调用JS代码?,第1张

HTML点击按钮调用JS文件或者直接调用JS代码的方法。

如下参考:

1.将这段代码保存到一个文件中,如下图所示。

2.请注意,您可以使用任何文本工具创建js文件,但是在保存它时,您需要将其后缀为.js。

3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它,不需要写一个新的js文件。

4.在HTML的头部部分引入js文件,具体代码如下图所示。

5.引用是一个双标签,所以如果没有内容,就必须完全写入。

6.如果你的js是从外部导入的,你不能在中间写js代码。

7.如果需要,您需要重新声明脚本标记,并在标记中编写js代码,如下图所示。

8.javascriptjquery也是一样的规则,你必须在script标签中写代码。随着js文件的引入,你可以简单地在你想要的地方调用它。

<html>

    <body>

        <button id="button" onclick="sendMsg()">自动执行</button>

    </body>

</html>

<script type="text/javascript">

    window.onload = function(){

        var button = document.getElementById('button')

        button.click()//执行执行点击按钮

    }

    var sendMsg = function(){

      alert('按钮已点击执行')  

    }

</script>