如何把JS文件添加到HTML里？JS代码如图：_IT百科

1、首先，找到我们需要修改的js文件。

2、js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改。

3、这里，我们使用Intellij IDEA打开js文件。如图，格式很规范，内容我们可以一目了然。

4、然后，我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。

5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出。

步骤

1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。

2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。

1、新建一个html文件，命名为test.html。

2、在test.html文件里，创建一个button按钮，并设置其id属性为dz，用于下面获得按钮对象，实现js点击按钮事件。

3、给button绑定点击事件，当按钮被点击时，执行hs()函数。

4、在test.html文件的js标签内，定义hs（）函数，在函数内使用alert（）方法d出"我被点击了"的内容。

5、在js内，使用window对象中的onload事件，当网页加载完时，执行function函数。

6、在function函数内，通过getElementById()方法获得按钮对象，使用click()方法点击按钮。

7、在浏览器打开test.html文件，当打开网页时，js自动执行点击事件。

欢迎分享，转载请注明来源：内存溢出

如何把JS文件添加到HTML里？JS代码如图：