HTML中怎么引用JS ?

JavaScript08

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

新建Javascript 类型的页面,在里面写入相应js 内容

保存文件在相应的根目录的js 文件夹下 如命名为lead.js

在页面中写<script type="text/javascript" src="js/lead.js"></script>即可完成导入

在JSP中引用JS文件的三种方法:

1、如果是直接访问JSP,则使用相对于JSP页面的相对路径:

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

当项目目录如图所示时,则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为:

<scripttype="text/javascript"src="../scripts/jquery-1.9.1.min.js"></script>

2、如果是从action跳转至JSP,则使用相对于WEB工程的相对路径:

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

如果是从某一个action跳转到NewFile.jsp,则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为:

<scripttype="text/javascript"src="scripts/jquery-1.9.1.min.js"></script>

3、适用于以上两种情况的方法——使用WEB工程的绝对路径:

<scripttype="text/javascript"src="${pageContext.request.contextPath}/scripts/j