js引用问题

1. 引用JS

其中jsp目录在WEB-INF下，js目录在WebRoot下

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

<script type="text/javascript" src="<%=basePath %>js/prototype-1.6.0.3.js"></script>
<script type="text/javascript" src="<%=basePath %>js/jquery-1.4.3.js"></script>

如果是SpringMvc框架，需要在applicationContext.xml中添加

2. 若引用之后仍报未找到指定资源

 

解决方法1：在spring的配置修改web.xml下对spring的DispatcherServlet请求url映射的配置，先来看看原配置：

[html] view plain copy

1. <servlet>  
2.     <servlet-name>spring</servlet-name>  
3.     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
4.     <load-on-startup>1</load-on-startup>  
5.  </servlet>  
6.  <servlet-mapping>  
7.         <servlet-name>spring</servlet-name>  
8.         <url-pattern>/</url-pattern>  
9.  </servlet-mapping>  

<servlet-mapping>的<url-pattern>/</url-pattern>把所有的请求都交给spring去处理了，而所有available的请求url都是在Constroller里使用类似@RequestMapping(value = "/login/{user}", method = RequestMethod.GET)这样的注解配置的，这样的话对js/css/jpg/gif等静态资源的访问就会得不到。所以，在web.xml里添加如下的配置就可以解决该问题了。

[html] view plain copy

1. <servlet-mapping>  
2.      <servlet-name>default</servlet-name>  
3.      <url-pattern>*.css</url-pattern>  
4. </servlet-mapping>  
5.    
6. <servlet-mapping>  
7.     <servlet-name>default</servlet-name>  
8.     <url-pattern>*.gif</url-pattern>  
9.   
10.  </servlet-mapping>  
11.       
12.  <servlet-mapping>  
13.      <servlet-name>default</servlet-name>  
14.      <url-pattern>*.jpg</url-pattern>  
15.  </servlet-mapping>  
16.       
17.  <servlet-mapping>  
18.      <servlet-name>default</servlet-name>  
19.      <url-pattern>*.js</url-pattern>  
20.  </servlet-mapping>  

解决方法2：在spring的配置文件中添加如下一行：

<mvc:default-servlet-handler/>

注意，需要是spring3.0.5以上版本

解决方法3：在spring的配置文件中添加如下一行：

<!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory -->
 
 <mvc:resources mapping="/resources/**" location="/resources/" /> 
  
这个配置告诉spring 静态资源的处理方式

3.  文件冲突 

在页面引入js文件冲突问题(注意js文件的导入顺序)

       jquery-1.2.6.js与json.js以及处理ajax框架的prototype.js同时引入到jsp页面时，在引用jquery.js中的方法时会有冲突，必须按先后序顺引入这些文件。 最先引入json.js文件，然后引入prototype.js文件，最后引入jquery-1.2.6文件，如果先引入的jquery文件则会报错“找不到对象或对象不存在”。        例如： <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/json2.js"></script> <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/prototype.js"></script> <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/jquery-1.2.6"></script>