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}代替,
使用该代码则根据不同项目名拿到相对应需要使用的路径名。