HTML中怎么引用JS ?

JavaScript018

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文件即可,如下图所示

1、J首先输入s_file01.js,//程序代码 document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" ><\/script>")。

2、 html代码 代码如下:<html> <body> <input type="button" value="ok" onclick="javascript:fun_b()"> </body> //必须在这个位置,也即<body>...</body>之下: <script language="JAVASCRIPT" src='Js_b.js'></script> </html>。

3、Js_file01.js 代码如下://程序代码 document.scripts[0].src=" Js_file02.js"。

4、看到自己的JS文件。

5、可以看到js插入成功了。