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

2024-04-13 15:22:35

一、电脑端

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

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

如何创建一个JS文件以及调用JS文件相关推荐

如何用python创建一个下载网站-使用Python下载文件的简单示例
Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发. 学习如何使用各种Python模块从web下载文件在本教程中,你将学习如何使用不同的Python模块从we ...
Python音频处理：创建一个正弦波并保存为wav文件
Python音频处理:创建一个正弦波并保存为wav文件 0. 预备知识 0.1 数字信号基础 0.2 声学概念基础 1. 创建一个正弦波 2. 保存为wav文件 0. 预备知识 0.1 数字信号基础 ...
创建一个提供数据 API 的 Node.js 网站
创建站点目录首先,创建一个文件夹用来保存你的站点文件,使用 mkdir 就可以了 PS C:\> mkdir mysite 然后,进入到这个文件夹进行下一步的操作. 创建包说明使用记事本或者 ...
python 调用js类_Python 调用 JS 常用的4种方式，带你学会如何解密
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于AirPython ,作者星安果 1. 前言日常 Web 端爬虫过 ...
01_创建一个新的activityactivity配置清单文件
今天开始学四大组件.今天是学Activity,然后是广播接收者,然后是服务,然后是内容提供者.四大组件,咱们一天一个.Activity就是跟用户交互的界面,大部分的应用都不会只有这么一个界面.创建多个 ...
java js方法_JAVA调用js方法
JS如下: function add(a,b){ return a + b + number; } JAVA代码如下: package com.cgnb.dataqualitymng; import ...
MATLAB调用python文件以及调用.exe文件方法
引言: 在编程的时候有这么一个需求,就是要用MATLAB去调用python文件以及调用python写好的功能函数. 配置环境: MATLAB 2017b: python 2.7x: 方法: 1.查看m ...
C#.NET如何将cs文件编译成dll文件 exe文件如何调用dll文件
比如我要把TestDLL.cs文件编译成dll文件,则在命令提示符下,输入下面的命令,生成的文件为TestDLL.dll csc /target:library TestDLL.cs 注意前提是你安装 ...
日志库 winston 的学习笔记 - 创建一个使用 winston 的 Node.js 应用
winston 被设计为一个简单且通用的日志库,支持多种传输. 传输本质上是日志的存储设备. 每个 winston 记录器都可以在不同级别配置多个存储渠道.例如,人们可能希望将错误日志存储在持久的远程 ...
jupyter notebook使用入门2——创建一个基于scikit-Learn的线性预测ipynb文件
关于jupyter notebook的安装可参考博客:https://blog.csdn.net/qq_30815237/article/details/86577559 1.接下来新建一个ipynb ...

最新文章

热门文章