在jsp中引入jQuery

在jsp页面引入JQuery插件，主要的是引入的路径问题，下面有三种方式：

1 .在WetRoot下直接建立jsp文件，将jquery-1.7.js放入一个新建的文件夹下：如图：

此时在index.jsp中引入jquery的代码为：在head里

[javascript] view plain copy print ?

<head>
<script type="text/javascript" src="./plugins/jquery-1.7.js"></script>
</head>

2.在WebRoot下新建一个文件夹jsp，jquery-1.7.js放入一个新建的文件夹下：如图：

此时在myname.jsp中引入jquery的代码为：

[javascript] view plain copy print ?

<head>
<script type="text/javascript" src="../plugins/jquery-1.7.js"></script>
</head>

3.管用的但不推荐的解决方案

在jsp文件顶端填入以下代码

在引入jquery时，填写如下代码：

[javascript] view plain copy print ?

<script type="text/javascript" src="<%=basePath%>/plugins/jquery/jquery-1.7.js">

此时的文件结构如同2的情况。

上面引用来源：http://blog.csdn.net/zjplovemm/article/details/21109109

当然还有可以直接引入绝对路径！

但今天遇到一个问题，我使用了上面各种方式都引入失败，返回404错误！

为什么呢？后来想起我使用的是springmvc，在配置的时候可能会影响到静态文件的使用，如js、css。

所以我查了一下，有个哥遇到和我一样的问题：http://www.cnblogs.com/dscs/p/5043993.html

按照他的方法

在springMvc配置文件中加入

<mvc:annotation-driven/>

<mvc:default-servlet-handler/>

就可以了。

遇到问题得考虑全面、、、会不会受其他影响的问题

在jsp中引入jQuery相关推荐

MVC web项目中引入jquery插件
MVC web项目中引入jquery插件 1.下载jquery [https://jquery.com/] 看到这样的文档,直接CTRL+S保存到自己的文件夹 2.将文件夹中的js文件直接拖拽导入到项 ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
php中引入jquery文件_WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？...
我们在网上浏览某些网站的文章时,在文章的结尾处,都会有一个点赞的按钮,如果觉得文章内容非常不错,就可以点击这个"点赞"按钮,给这篇文章进行点赞一下.在wordpress网站的模板主 ...
chrome扩展程序中引入jquery
最近想写一个chrome扩展程序,需要在chrome扩展程序中引入jquery. 网上搜索了一下,大部分都是这么说的,在manifest.json中加入以下代码, "content_scri ...
关于如何在vue中引入jquery？
相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...
jsp中引入css文件不起作用
jsp中引入css文件不起作用笔者遇到的问题所在是jsp页面引入css文件后,样式无法加载,在SpringMVC的配置文件dispatcherServlet.xml中引入如下代码后解决: <m ...
如何在typescript中引入jquery
引入jQuery之前的操作在typescript中引入jQuery时首先要创建一个typescript项目(直接新建的typescript文件无法通过此方法引入) 一.创建typescript项目 ...
vue学习笔记十：Vue中引入jquery
文章目录前言一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目总结前言本篇实现vu ...

在jsp中引入jQuery

在jsp中引入jQuery相关推荐

最新文章

热门文章