JSP中引入js文件

1. 引入的js文件代码执行出错
        排查方法:将引入的js文件中的代码直接放到jsp中<script></script>标签内,使用浏览器访问,如果出错,则为js

代码存在问题 
2. 如果步骤一中未出错,但引入时报错,则有两种可能

    • 引入Js的指令有错误
    • 引入的Js的编码格式与当前页面不匹配

1) 引入Js的指令有错误

    |-source
    |    |
    |    ---js
    |      |
    |      ---base.js
    |-index.jsp

JS引入---绝对路径(直接访问jsp文件):

    <%
        String path = request.getContextPath();
        String basePath = request.getScheme()+"://"+request.getServerName()+":"+                           request.getServerPort()+path+"/";
    %>
    <script src="\<\%=basePath \%\>source/js/base.js"></script>

JS引入---相对路径:
  直接访问JSP文件时, 可以使用相对路径(index.jsp和index.js在相同目录下)
    <script src=index.js></script>

JS引入---绝对路径(通过servlet或action跳转):
        <script src="/source/js/base.js"></script> 
    或者:

<script src="http://xxx.xxx.xx.xx/project_name/source/js/base.js"></script> (推荐 )

在实际开发中,尽量不要使用相对路径!

2)引入js的编码问题; 
   
   编码问题---将js文件及jsp的编码改为一致。 
   编码问题---使用charset设置

<script src="/source/js/base.js" charset="UTF-8"></script> 
   实际开发中,尽量都写上charset属性!

时间: 2024-10-03 15:45:06

JSP中引入js文件的相关文章

使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。

今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这里不得不吐槽一下国内资料的可信度,不说了,以后遇到问题尽量还是google吧,花点钱买个vpn值了,生命有限,节约时间. 下面记录下解决方法吧: 首先,确保jsp引入了jstl:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" pr

【jsp】怎么在jsp文件中引入静态文件(.js .css)

如果在jsp文件中引入静态文件比如(.js或.css等等),可以在使用 /项目名称/路径 的方式,但是这种方式如果在修改了项目了名称后就显得比较麻烦了.除了之外还许多方式,比如相对路径等等.一般情况下,可以先获得项目的根路径,然后再加上文件路径.  ${pageContext.request.contextPath}  可以获得当前项目的路径,然后就只需要在后面加上引入的静态文件的文件路径即可.比如: 这样就可以引入js文件下的jquery.min.js文件了.

【JSP中引入文件】JSP中获取根路径+引用js文件

在jsp界面中经常需要引入js.css等文件,通常都需要先获取项目根路径,然后再引入文件. 例如: 项目路径如下,需要在index.jsp中引入FusionCharts相关的js.css等: index.jsp <%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.get

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

在页面中引入javascript文件的方式是多种多样的,本文介绍一种. 1.在eclipse中新建一个web项目(project3),目录结构如下: 二:在jsp页面的最开始,获取项目的根路径. <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort

html或者jsp页面引用jar包中的js文件

一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进行了压缩集成到一个js文件里面.页面使用的时候的时候,引用这一个js文件即可.通过解读wro对于js处理的过程,找到了html或者jsp引用jar包中的js文件的方法: <c:set var="base" value="${pageContext.request.conte

jsp引入js文件

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

自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)

这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 当你用$.load("dir/my-page.jsp"); 或xhr.request("server/to-my-page");等异步请求加载html页面的时候,在页面中导入js文件用本插件进行引入的话, 那么其他请求的页面中也导入了和前面页面相当的js文件的情况下,那这些js文件就不需要重新引入.插件会自动忽略之前已

javascript中外部js文件取得自身完整路径得办法

原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

关于自定义控件中引入js脚本

自己写了一个自定义控件的工程,工程名为TestControls,自定义控件的内容为: namespace TestControls { public class TestBoxControl : Control { private string textValue = "コピー"; [Description("ボタンのテキスト値")] [Browsable(true)] public virtual string TextValue { set { textValu