html或者jsp页面引用jar包中的js文件_Java教程_动态网站制作指南
html或者jsp页面引用jar包中的js文件
来源：人气：3742
一，页面上引用jar包中的js文件的方法
使用 web框架AppFuse的时候发现，jquery、bootstrap等js框架都封装到jar包里面了。这些js文件通过一个wro4j的工具对其进行了压缩集成到一个js文件里面。页面使用的时候的时候，引用这一个js文件即可。通过解读wro对于js处理的过程，找到了html或者引用jar包中的js文件的方法：
&c:set var="base" value="${pageContext.request.contextPath}"/&
&link rel="stylesheet" type="text/" href="${base}/webjars/bootstrap/3.3.1/css/bootstrap.min.css"/&
&scrt type="text/" src="${base}/webjars/jquery.treegrid/0.3.0/js/jquery.treegrid.bootstrap3.js"&&/script&
注：如果是html页面，直接删除${base}和&c:set var="base" value="${pageContext.request.contextPath}"/&即可。
其中bootstrap的位置：
jquery.treegrid的位置：
通过对比可以发现规律，运行期系统会将MATA-INFO/resources下面的文件解压到系统根目录下。
二，解读wro对于jar包中的js以及css的压缩集成以及页面引用
首先，系统引入一个jar包：wro4j-core-1.7.5.jar。
项目的代码里面有个wro配置文件：/src/main/webapp/WEB-INF/wro.，该文件的内容：
&?xml version="1.0" encoding="UTF-8"?&
&groups xmlns="http://www.isdc.ro/wro"&
&!-- CSS URL Rewriting fails when using webjar resource locator:
/alexo/wro4j/issues/127 --&
&group name="main"&
&css&classpath:META-INF/resources/webjars/bootswatch-spacelab/3.3.1+2/css/bootstrap.min.css&/css&
&css&/styles/style.css&/css&
&js&classpath:META-INF/resources/webjars/jquery/1.11.1/jquery.min.js&/js&
&js&classpath:META-INF/resources/webjars/bootstrap/3.3.1/js/bootstrap.min.js&/js&
&js&classpath:META-INF/resources/webjars/jquery-cookie/1.3.1/jquery.cookie.js&/js&
&js&/scripts/script.js&/js&
&group name="treegrid"&
&css&classpath:META-INF/resources/webjars/bootstrap/3.3.1/css/bootstrap.min.css&/css&
&css&classpath:META-INF/resources/webjars/jquery.treegrid/0.3.0/css/jquery.treegrid.css&/css&
&js&classpath:META-INF/resources/webjars/jquery.treegrid/0.3.0/js/jquery.treegrid.min.js&/js&
&js&classpath:META-INF/resources/webjars/jquery.treegrid/0.3.0/js/jquery.treegrid.bootstrap3.js&/js&
两个group，上面的main是框架带的，下面的treegrid是我加的。
解析标签的标签文件：/src/main/webapp/WEB-INF/tags/assets.tag，这个文件的作用是使用xslt将jsp文件中的&t:assets group="treegrid" type="js"/&标签解析成html标签：&script type="text/javascript" src="/assets/v/92097/treegrid.js"&&/script&
再一个相关的文件是对assets.tag的声明，/src/main/webapp/common/taglibs.jsp文件中的一行：&%@ taglib efix="t" tagdir="/WEB-INF/tags" %&
串联起来解释一遍：
1.wro.xml是核心的配置文件，wro4j-core-1.7.5.jar根据这个配置文件抽取并压缩相关js文件到一个js文件中。
2.taglibs.jsp中声明了一个标签assets.tag，这个标签在jsp文件中出现时，jsp标签的将自身解析成html标签（指向压缩后的单个js文件），页面就可以引用了。
我为了了解html中引用jar包中的js，网上收索了很多资料，但没有解释的比较全面的。所以写一个博客来记录一下，说不定能帮上正在苦恼的人们。
优质网站模板如何在jsp文件中引入css和js文件 - JAVAGirl - ITeye技术网站
博客分类：
一：如何在jsp页面中引入css样式表文件?
　　1， 首先把写好的css样式表内容存为*.css格式。如style.css
　　2， 在页面中引入这个css 样式文件。用如下的方式引入。
　　&link rel="stylesheet" href="./css/style.css" type="text/css"&
　　此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录（就是与引入 css文件的jsp页面在同一目录）
　　二：如何在jsp页面中引入javascript文件？
　　在jsp页面引入javascript文件与引入css样式文件类似。如下引入；
　　&script language='javascript' src='js/TreeToc.js'&&/script&
　　通过&script&标签的src属性。Javascript文件必须以.js这种形式存放。如上面的TreeToe.js，src属性指向javascript文件的路径。
浏览 21900
liminhappygirl
浏览: 106109 次
来自: 北京
有体会才真正明白
你说的是在html文件吧？
really girl ??本帖子已过去太久远了，不再提供回复功能。关于js调用java程序里的方法_java吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：618,382贴子：
关于js调用java程序里的方法收藏
各位大神们，怎么用js调用java程序里的方法？我在java里写了个类，类里定义了一个静态方法，这个方法会返回一个值，然后怎么通过js代码得到这个返回值？各位大神求救啊。。。。。有方法就说下，我一个个试
AutoTDS-V1型全自动热解吸仪是一款20位常温二次全自动热解吸仪，气路采....
比较粗暴一点的办法，把返回值放入session作用域，然后再在js里面用
angularjs通过json方式传递值？
怕是我没有说清， 这是安卓项目，他有过一个后台了，是用ajax实现的，但是现在要加一个NFC功能，所以代码要在这个前台里面写。。。更糟的是他用的页面不是传统的setContentView(R.layout.main);而是super.loadUrl(&file:///android_asset/www/index.html&);这一种，从assets里面取得的页面，我现在要做的就是把从NFC卡得到的数据传入js里，然后就好办了，直接从js用ajax方法传入后台，进行数据库操作。。。。可能写的有点乱，见谅
求助大神。。。。
登录百度帐号推荐应用}