HTML中怎么引用JS ?

html-css09

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文件链接好即可。

(1)在html文件的head中添加代码,例如:

<script src="../js/jquery-1.7.1min.js"></script>(src是js文件的路径)

(2)也可以把js文件直接拖进html页面

科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面,如下图所示

02

然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示

03

接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示

04

当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入才可以使用,如下图所示