1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 如何创建一个JS文件以及调用JS文件

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

时间:2019-08-18 02:22:42

相关推荐

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

一、电脑端

建立一个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代替,

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。