如何创建一个JS文件以及调用JS文件

1.首先在WebContent下建立一个JS文件夹。

步骤：点击WebContent，按Ctrl+N ，搜索folder，创建一个名为js文件夹。

2.然后创建一个JS文件

步骤：点击创建的JS文件夹，按Ctrl+N，搜索File，创建一个 name(名字).js 文件。

3.点击所创建的js文件，列入点击index.js文件

4.点开后会发现是空的，这时候可以在JS加上这串代码

//界面刷新时弹出加载该界面
window.onload = function() {
	alert('调用界面成功加载该JS！');
};

5.创建一个jsp文件，例如最基本的index.jsp,在该jsp里面调用该JS

步骤：在需要调用该JS文件的jsp页面中的head里面加上调用语句

<!--调用项目里js文件夹下index.js文件
 ${pageContext.request.contextPath}拿到项目权限列名，也就是项目名。
 -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/index.js"></script>

6.运行项目，测试。

如果访问该jsp弹出如下图提示信息，则成功引入JS

可能出现的问题

一、运行页面无弹窗：

解决方案：

1.看自己的路径是否导入正确。

2.浏览器内按F12进行调试，点击控制台选项，我这边是火狐浏览器，如果路径导出会有如下提示

这时就需要去更改导入路径了。

注意事项：

在一个页面导入需要用到的另一个页面路径时，应该尽量选择copy它的全路径，然后把其改成权限列名+路径名。

方法：鼠标右键单击需要调用的页面，选择copy Qualified Name，然后粘贴至src里面。

列子：如果导入的是index.js

那么路径为（以我的项目为列子）：/Blogs/WebContent/js/index.js

项目名：Blogs。父级文件夹：WebContent。可以用${pageContext.request.contextPath}代替，

使用该代码则根据不同项目名拿到相对应需要使用的路径名。