网页中引用js文件（html引用js文件）

本文目录一览：

1、将这一段代码保存到一个文件中。

2、注意，您可以任何文本工具创建js文件，不过您在保存的时候，需要将名字后缀名为.js。

3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可，不需要再写新的js文件。

4、在html的head部分引入js文件，具体的代码。

5、这个引用是一个双标签，就算没有内容，也得写全。

6、如果您的js是从外面引入，那么您不能在script/script中间再写js代码。

7、如果有需要，那么您需要重新声明script标签，在标签内写您的js代码。

8、无论是javascript jquery都是一样的规则，必须在script标签内写代码。引入了js文件后，您可以在需要的地方直接调用即可。

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

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

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

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

script type=”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的方法为：

script type=”text/javascript” src=”scripts/jquery-1.9.1.min.js”/script

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

script type=”text/javascript” src=”${pageContext.request.contextPath }/scripts/j

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

工具/材料

Sublime Text

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

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

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

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

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/197587.html