一、电脑端
建立一个txt文件更改后缀名为js,建立完成...
二、JAVA编辑器
1.首先在的WebContent或者任何一个资源文件夹下建立一个JS文件夹。
步骤:点击WebContent,按Ctrl + N,搜索文件夹,创建一个名为js文件夹。
2.然后创建一个JS文件
步骤:点击创建的JS文件夹,按Ctrl + N,搜索文件(File类型,指定后缀为.js即可),创建一个名称(名字).js文件。
3.点击所创建的JS文件,开始编辑 你可以先写个 Hello JS !!!!!!!
$(function(){
alert("Hello JS");
});
4.点开后会发现是空的,这时候可以在JS加上这串代码
//界面刷新时弹出加载该界面
window.onload = function() {
//alert('调用界面成功加载该JS!');
alert("3");
};
5.创建一个jsp的文件,例如最基本的index.jsp的,在该JSP里面调用该JS
步骤:JSP页面在需要调用该JS文件的JSP页面中的头里面加上调用语句
HTML页面则是根据目录来进行../
<!--调用项目里js文件夹下index.js文件
${pageContext.request.contextPath}拿到项目权限列名,也就是项目名。
-->
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/index.js"></script>
6.运行项目,测试。
如果访问该JSP弹出如下图提示信息,则成功引入JS
可能出现的问题
一,运行页面无弹窗:
解决方案:
1.看自己的路径是否导入正确。
2.浏览器内按F12进行调试,点击控制台选项,我这边是火狐浏览器,如果路径导出会有如下提示
这时就需要去更改导入路径了。
注意事项:
在一个JSP页面导入需要用到的另一个页面路径时,应该尽量选择复制它的全路径,然后把其改成权限列名+路径名。
方法:鼠标右键单击需要调用的JS,选择 Copy Qualified Name,然后粘贴至src路径里面。
列子:如果导入的是index.js
那么路径为(以我的项目为列子):/博客/的WebContent / JS / index.js
项目名:博客父级文件夹:的WebContent可以用$ {} pageContext.request.contextPath代替,
使用该代码则根据不同项目名拿到相对应需要使用的路径名。