JSP加载JS文件不起作用的有效解决方法
目录结构:jsp导入jquery文件,老是不起作用,原因在于:
代码如下:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。
test.html:
代码如下:
<%@ page language="java" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page import="java.util.*" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>" />
<link rel=stylesheet type="text/css" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert("hello, jquery");
});
</script>
<title>登录</title>
</head>
<body>
<p class="error"><%=basePath%></p>
</body>
</html>
相关推荐
-
jsp页面使用${}不起作用的解决方法
在动态显示所有的资源的时候,发现${}不起作用,因而页面不显示结果,最后经过排除发现是jstl没有引用,在页面头引用 <%@taglib uri="http://java.sun.com/jsp/jstl/core"prefix="c"%> 即可 以上就是小编为大家带来的jsp页面使用${}不起作用的解决方法的全部内容了,希望对大家有所帮助,多多支持我们~
-
JSP 不能解析EL表达式的解决办法
原因是:在默认情况下,Servlet 2.4 / JSP 2.0支持 EL 表达式. 解决的办法有两种: 1.修改web.xml的开头定义. 复制代码 代码如下: <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=&quo
-
JSP加载JS文件不起作用的有效解决方法
目录结构:jsp导入jquery文件,老是不起作用,原因在于: 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录. test.html: 复制代码 代码如下: <%@ page language="java" %&g
-
自定义require函数让浏览器按需加载Js文件
前言 本文介绍的是自定义require函数让浏览器实现按需加载Js文件,那到底要怎么自己写一个按需加载的库呢 为了实现按需加载: //这是我们要实现的功能,require('str.js')时加载str.js文件,并创建一个叫str对象,等加载完毕之后执行str对象的ready方法里的函数. var str = require('str.js'); str.ready(show); //要执行的函数 function show(res){ console.log(res); } //str.js
-
javascript写的异步加载js文件函数(支持数组传参)
自己用的加载js文件,支持多文件,不兼容ie 复制代码 代码如下: /** * 加载js文件 * @param {string || array} url js路径 * @param {Function} fn 加载完成后回调 * @return {object} game对象 * @example * getScript("url.js",fn) * getScript(["url-1.js","url-2.js
-
JS 动态加载js文件和css文件 同步/异步的两种简单方式
/*动态添加js或css,URL:文件路径,FileType:文件类型(js/css)*/ function AddJsFiles(URL,FileType){ var oHead = document.getElementsByTagName('HEAD').item(0); var addheadfile; if(FileType=="js"){ addheadfile= document.createElement("script"); addheadfile
-
动态加载js文件简单示例
本文实例讲述了动态加载js文件的方法.分享给大家供大家参考,具体如下: function loadScript(url){ var hd = document.getElementsByTagName('head')[0], js = document.createElement('script'); js.src = url; js.type = "text/JavaScript"; if(js.addEventListener){ js.addEventListener("
-
jquery及js实现动态加载js文件的方法
本文实例讲述了jquery及js实现动态加载js文件的方法.分享给大家供大家参考,具体如下: 问题: 如果用jquery append直接加载script标签的话,会报错的.除了document.write外,还有没有其他的比较好的动态加载js文件的方法. 解决方法: 1.jquery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后,并执
-
使用javaScript动态加载Js文件和Css文件
JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明. 希望下面的方法对你有帮助. (1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ documen
-
动态加载JS文件的三种方法
直接看实例.例1 重新加载js文件 复制代码 代码如下: function loadJs(file) { var head = $("head").remove("script[role='reload']"); $("<scri" + "pt>" + "</scr" + "ipt>").attr({ role: 're
-
利用jQuery的deferred对象实现异步按顺序加载JS文件
前段时间看了阮一峰的jQuery的deferred对象详解一文,对jQuery中的deferred的用法了一些了解,今天看到园子里的一篇文章:关于重构JS前端框架的失败经验(顺便怀念那些死去的代码),于是把我之前写的一个利用jQuery的deferred异步按顺序加载JS文件方案分享出来,欢迎指正. 如果你现在对jQuery中的deferred还不了解,强烈建议你看一下阮一峰的jQuery的deferred对象详解一文. 加载JS文件的代码如下: 复制代码 代码如下: /* Loading Ja
-
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中保存了json数据之类的).要实现这样的功能,可以使用<script> 元素的load 事件(IE9+.chrome.FireFox等)和onreadystatechange 事件(IE8以下),直接上代码: function loadScript(src, callback) { var scr
随机推荐
- dw(dreamweaver)正则表达式函数列表
- XML CDATA是什么?
- form表单序列化详解(推荐)
- 实例解析Java程序中正则表达式的贪婪模式匹配
- Java程序连接数据库的常用的类和接口介绍
- asp.net实现文件下载的代码
- Symfony2实现在controller中获取url的方法
- PHP 登录完成后如何跳转上一访问页面
- 一个PHP的QRcode类与大家分享
- Java抽奖算法第二例
- Docker的基本使用笔记
- PHP 八种基本的数据类型小结
- 详解spring集成mina实现服务端主动推送(包含心跳检测)
- Python连接mssql数据库编码问题解决方法
- Android控件ViewFlipper仿淘宝头条垂直滚动广告条
- IIS 错误 Server Application Error 详细解决方法
- python GUI实例学习
- 详解React项目的服务端渲染改造(koa2+webpack3.11)
- ASP.NET MVC错误处理的对应解决方法
- Java实现两人五子棋游戏(三) 画出棋子