我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JSP如何引入JS文件

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JSP如何引入JS文件

这篇文章主要讲解了“JSP如何引入JS文件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JSP如何引入JS文件”吧!

1.在eclipse中新建一个web项目(project3),目录结构如下:

JSP如何引入JS文件

2.在jsp页面的最开始,获取项目的根路径。

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

则:

path=project3

basePath=http://localhost:8080/project3/

3.在<head></head>中,插入下述代码:

  <base href="<%=basePath%>">  //这句代码的作用是将整个页面的根路径设置为项目路径。

4.引入js文件

<script class="lazy" data-src="js/laydate.js"></script>    //http://localhost:8080/project3/js/laydate.js

5.测试

<script>
    laydate.render({        elem: '#test1' //指定元素
    });</script>
<body>    <input type="text"  name="date" placeholder="请选择日期" id="test1" value=""></body>

6.结果

JSP如何引入JS文件

感谢各位的阅读,以上就是“JSP如何引入JS文件”的内容了,经过本文的学习后,相信大家对JSP如何引入JS文件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JSP如何引入JS文件

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

uniapp如何引入js文件

随着Uniapp的不断发展壮大,越来越多的开发者开始使用它来开发跨平台应用程序。在开发过程中,有时可能需要引入一些自己编写的js文件。本文将介绍使用Uniapp如何引入js文件的方法。一、在页面中引入js文件1. 在pages目录下找到需要引入js文件的页面(例如:index.vue)2. 在该页面的script标签中,使用如下代码引入js文件:```import xxx fr
2023-05-21

vue项目之index.html如何引入JS文件

这篇文章主要介绍了vue项目之index.html如何引入JS文件问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-12-08

html怎么引入js文件

这篇文章将为大家详细讲解有关html怎么引入js文件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。方法:1、在script标签内直接写入javaccript代码;2、通过“