如何创建⼀个JS⽂件以及调⽤JS⽂件⼀、电脑端
建⽴⼀个txt⽂件更改后缀名为js,建⽴完成...
⼆、JAVA编辑器
1.⾸先在的WebContent或者任何⼀个资源⽂件夹下建⽴⼀个JS⽂件夹。
步骤:点击WebContent,按Ctrl + N,搜索⽂件夹,创建⼀个名为js⽂件夹。
2.然后创建⼀个JS⽂件
步骤:点击创建的JS⽂件夹,按Ctrl + N,搜索⽂件(File类型,指定后缀为.js即可),创建⼀个名称(名字).js⽂件。
3.点击所创建的JS⽂件,开始编辑 你可以先写个 Hello JS
jsp创建$(function(){
alert("Hello JS");
});
4.点开后会发现是空的,这时候可以在JS加上这串代码
//界⾯刷新时弹出加载该界⾯
//alert('调⽤界⾯成功加载该JS!');
alert("3");
};
5.创建⼀个jsp的⽂件,例如最基本的index.jsp的,在该JSP⾥⾯调⽤该JS
步骤:JSP页⾯在需要调⽤该JS⽂件的JSP页⾯中的头⾥⾯加上调⽤语句
HTML页⾯则是根据⽬录来进⾏../
<!--调⽤项⽬⾥js⽂件夹下index.js⽂件
${tPath}拿到项⽬权限列名,也就是项⽬名。
-->
<script type="text/javascript"
src="${tPath}/js/index.js"></script>
6.运⾏项⽬,测试。
如果访问该JSP弹出如下图提⽰信息,则成功引⼊JS
可能出现的问题
⼀,运⾏页⾯⽆弹窗:
解决⽅案:
1.看⾃⼰的路径是否导⼊正确。
2.浏览器内按F12进⾏调试,点击控制台选项,我这边是⽕狐浏览器,如果路径导出会有如下提⽰
这时就需要去更改导⼊路径了。
注意事项:
在⼀个JSP页⾯导⼊需要⽤到的另⼀个页⾯路径时,应该尽量选择复制它的全路径,然后把其改成权限列名+路径名。⽅法:⿏标右键单击需要调⽤的JS,选择 Copy Qualified Name,然后粘贴⾄src路径⾥⾯。
列⼦:如果导⼊的是index.js
那么路径为(以我的项⽬为列⼦):/博客/的WebContent / JS / index.js
项⽬名:博客⽗级⽂件夹:的WebContent可以⽤$ {} tPath代替,
使⽤该代码则根据不同项⽬名拿到相对应需要使⽤的路径名。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论