HTML中怎么引用JS ?

JavaScript015

HTML中怎么引用JS ?,第1张

HTML中引用JS 步骤如下：

1、打开电脑端html编辑器，然后新建HTML文件，以便待会用来引入js文件。

2、如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload,然后在花括号里面写js代码。

3、而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。

4、也可以新建js文件，把html和js分离。

5、然后在js文件里面写代码，注意不要用script标签。

6、然后在script里面用src来把之前的js文件链接好即可。

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

然后我们在Head标签内用link标签引入CSS文件，如下图所示

最后用Script标签引入JS文件即可，如下图所示

共用js里的路径应该用绝对路径，比方说js文件夹是根目录中的文件夹，就这样：

document.write('<script src="/js/XXX.js" type="text/javascript"></script>')

也可以加上网址（这样的话可以实现跨网站调用）：

document.write('<script src="http://xxx.xxx.xxx/js/XXX.js" type="text/javascript"></script>')