JS文件中如何调用外部JS文件_教程

1、创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件，在html文件上找到<body>，在<body>标签判空里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。

5、回到html文件，在袜冲扮按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到告灶出现一个d出，表示引入js文件成功。

在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

欢迎分享，转载请注明来源：内存溢出

JS文件中如何调用外部JS文件