jsp文件引入js文件的方式(项目部署于web容器中)

在页面中引入javascript文件的方式是多种多样的,本文介绍一种。

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

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

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

则:

path=project3

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

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

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

四:引入js文件

<script src="js/laydate.js"></script>    //http://localhost:8080/project3/js/laydate.js

五:测试

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

六:结果

原文地址:https://www.cnblogs.com/zy-sai/p/10849350.html

时间: 2024-08-03 07:41:54

jsp文件引入js文件的方式(项目部署于web容器中)的相关文章

jsp引入js文件

转自:http://blog.csdn.net/ppzhangj/article/details/7859628 1)引入的js文件出错, 检查方法:将Js的内容写在当前的页面的<script> </script>之间,看是否能够正常运行,如果不能,请核查代码 2) 如果引入的代码在当前页面中能够正常运行,但当引入时不能正常运行,则有两种可能    A:引入Js的路径有问题    B:引入的Js的编码格式与当前页面不匹配: 3)引入Js的路径问题    js的引入不外乎两种,相对路

为什么很多网页里不直接用script标签引入JS文件,而是通过函数新建script,然后添加属性,再来引入呢?

最近在做毕业的项目,发现很多网页里都是通过构建函数的方式来引入JS文件,代码如下: function loadJScript() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://***"; document.body.appendChild(script); } 在我看来,<scrip

动态引入Js文件

var src = "/Scripts/Test.js"; $("<script type = 'text/javascript' src='" + src + "'><\/script>").appendTo("head"); //动态加载 TestAlert123123(); //调用Test.js中的函数 二.顺序添加(QQ) <img src="1.jpg" width

jQuery之JSP加载JS文件不起作用的有效解决方法

JSP加载JS文件不起作用的有效解决方法 作者: 字体:[增加 减小] 类型:转载 时间:2014-04-08 jsp导入jquery文件,老是不起作用,原因在于其不能访问/WEB-INF/目录下的文件,下面有个不错的解决方法,大家可以参考下 目录结构:jsp导入jquery文件,老是不起作用,原因在于: 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.4.2.min.js"><

防止多次引入js文件导致的重复注册点击事件

前端代码中的js文件如果是动态引入的或者是某个事件操作进行注册的,那么重复的引入js文件或者多次触发注册事件会导致事件多次进行注册,造成不必要的麻烦,所以需要在每次注册之前将先前的事件进行取消,下面以按钮的注册点击事件为例进行说明: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>

css文件和js文件后面带一个问号

经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的? 这个方法我也用过,而且很好用?,它的作用有两个:1.作为版本号,让自己方便记忆.查找:2.作为修改标签,让浏览器重新下载新文件. 其实css文件后面得问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,比如新浪.facebook上用到的: http://xxx.xxx.cn/css/common/index.css?version=20101126145707

css文件和js文件后面带一个问号----2015-1103

经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的? 这个方法我也用过,而且很好用?,它的作用有两个:1.作为版本号,让自己方便记忆.查找:2.作为修改标签,让浏览器重新下载新文件. 其实css文件后面得问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,比如新浪.facebook上用到的: http://xxx.xxx.cn/css/common/index.css?version=20101126145707

Soy文件生成JS文件

1.下载工具包,后解压. http://closure-templates.googlecode.com/files/closure-templates-for-javascript-latest.zip 2.运行命令: java -jar SoyToJsSrcCompiler.jar --outputPathFormat helloworld.js helloworld.soy Soy文件生成JS文件

ashx 文件 与js文件数据交互

//js代码 //城市下拉列表             $("#selPro").change(function() {                 var option = "";                 $.ajax({                     type: "post",                     url: "homeHandler/HomeProvince.ashx",