html 如何插入js函数

时间:2024-10-16 11:32:47

1、新建一个html文件,命名为test.html,用于讲解html如何插入js函数。

html 如何插入js函数

2、在test.html页面中,创建一个button按钮,用于下面点击该按钮时执行js函数。

html 如何插入js函数

3、在test.html页面中,给button按钮绑定onclick事件,当按钮被点击时,执行hh()函数。

html 如何插入js函数

4、在hh()函数内,使用alert()方法弹出“您点击了按钮”的文字提示。

html 如何插入js函数

5、在浏览器打开test.html文件,点击按钮,弹出文字提示。

html 如何插入js函数

6、上面是在html文件中侑喏嵋甲插入js函数的一种方法,还有另一种方法,把js函数定义在js文件中。新建一个js文件,命名为test.js,并把hh()函数直接写在js文件中。

html 如何插入js函数

7、在test.html页面中,使用script标签引入js文件,代码如下:

html 如何插入js函数

8、在浏览器打开test.html文件,点击按钮,同样可以调用hh()函数,弹出文字提示内容。

html 如何插入js函数
© 手抄报圈