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

您所在的位置:网站首页 电脑打不开js文件 如何创建一个JS文件以及调用JS文件

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

2023-10-01 06:20| 来源: 网络整理| 查看: 265

一、电脑端

建立一个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页面则是根据目录来进行../ 

6.运行项目,测试。

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

可能出现的问题

一,运行页面无弹窗:

解决方案:

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

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

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

注意事项:

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

方法:鼠标右键单击需要调用的JS,选择 Copy Qualified Name,然后粘贴至src路径里面。

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

那么路径为(以我的项目为列子):/博客/的WebContent / JS / index.js

项目名:博客父级文件夹:的WebContent可以用$ {} pageContext.request.contextPath代替,

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

 

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3