網頁中引用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/zh-hant/n/197587.html