`
luo_yong_men
  • 浏览: 27658 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

一个被我忽视的jsp无法引入外部.JS或者.CSS文件的问题!

阅读更多
  新项目刚上,需要用到jsp技术,而且要用到jquery,快速搭好一个测试页面然后运行 发现jsp页面用到的外部的CSS和js都没起作用。没错,我首先想到的就是 路径 写错了。但是路径没错,按住ctrl 点鼠标都能连接过去怎么可能有错了。第二想到的就是编码不对 可也不是 我也检查股过了 和编码没关系。于是我请教很多老鸟 和查了一些资料,终于让我找到了原因。原来是myeclipse 在生成jsp页面的时候会默认加上下面两句话:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

以前做的时候都是直接把他生成的东西一股脑儿的删掉所以根本没有注意到。有上面的语句,会自动给你生成一个路径就是你项目的根目录。比如:你一个js文件的路径是 http://xxxx:8080/mmm/nn/zz/yy.js 的话,你的jsp 地址为 http://xxxx:8080/mmm/nn/bb/yy.js  那你引入写成 。../zz/yy.js这样不对因为有了上面的语句 所以你只要从项目的根目录开始写:nn/zz/yy.js 。
这是我的一点小看法 希望对你有帮助!
分享到:
评论

相关推荐

    jsp文件中引用外部.css或.js文件的路径问题.pdf

    然而,在 jsp 文件中引用外部.css 或.js 文件的路径问题却是一个常见的难题。如果不正确地设置路径,可能会导致.css 或.js 文件无法正确加载,影响网页的显示和功能。 解决方案 下面我们将介绍三种解决方案,分别...

    dtree所需要的dtree.css和dtree.js文件(包括图标)

    在IT行业中,网页开发是一项重要的工作,而"dtree"是一个常见的用于构建树形结构的JavaScript库,尤其在处理组织结构、目录导航等场景时非常有用。本资源提供了dtree库所需的两个关键文件:`dtree.css`和`dtree.js`...

    jsp 网站引入外部css或者js失效问题解决

    例如,若要引入一个名为"login.css"的CSS文件,代码可能如下: ```html &lt;link rel="stylesheet" type="text/css" href="css/login.css"&gt; ``` 路径问题可能是绝对路径或相对路径设置不当造成的。为了确保路径正确,...

    Jsp结合ElementUI要用的js和css

    在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中集成Element UI库,以及相关的JavaScript (js) 和样式表文件(css)的使用。Element UI 是一个基于 Vue.js 的开源前端组件库,用于构建高效、简洁且可复用...

    flv.js和flv.min.js和基本使用demo(附带js文件)

    **注意**:由于FLV.js依赖于HLS.js库来处理FLV文件中的AAC音频,因此确保浏览器支持HLS.js或者FLV.js已经包含了HLS.js的实现。 总结,FLV.js和FLV.min.js是为HTML5环境提供FLV视频播放支持的JavaScript库。它们可以...

    pdf.js使用文件流预览pdf

    PDF.js是一个开源JavaScript库,由Mozilla开发,用于在Web浏览器中渲染PDF文档,无需依赖任何插件。这个库的目标是提供一个与平台和浏览器无关的解决方案,使得用户可以在任何支持HTML5的浏览器上查看PDF文件。本文...

    jsp和css文件

    3. **外部样式表**: 更常见的是将CSS代码放入单独的`.css`文件中,然后在JSP中链接这个文件: ```jsp &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt; ``` 这种方式有利于代码的组织和重用,也...

    calendar_日历安排demo(jsp,css,js)

    由于只给出了一个文件夹名“calendar”,我们可以推测这个压缩包可能包含了多个与日历功能相关的文件,如JSP文件(用于定义动态内容)、CSS文件(用于样式定义)、JavaScript文件(用于交互逻辑)以及可能的数据文件...

    jsp中使用vuejs+element-ui+vuejs第三方组件

    1. **引入Vue.js**: 在JSP页面中,我们可以通过 `&lt;script&gt;` 标签引入Vue.js的CDN链接或者本地文件。例如: ```html &lt;script src="https://cdn.jsdelivr.net/npm/vue@2"&gt; ``` 2. **创建Vue实例**: 在JSP的HTML部分,...

    BigDecimal.js.zip

    总之,BigDecimal.js是一个强大的JavaScript库,专门用于处理大数的高精度计算,通过引入"BigDecimal-all-last.min.js",开发者可以获得精确的大数运算能力,从而避免JavaScript原生数据类型的精度问题。在开发过程...

    网页弹框框架jsp+js+css

    在本项目中,我们看到的"网页弹框框架jsp+js+css"是一个使用JSP、JavaScript和CSS技术构建的弹窗解决方案。这个框架允许开发者通过简单的操作在网页上实现点击按钮后弹出新窗口的效果。 首先,JSP(JavaServer ...

    jsp+css+javascript

    例如,一个简单的JSP+CSS+JavaScript小程序可能包含一个表单,用户在JSP页面上填写信息,JavaScript进行前端验证,然后通过Ajax发送到服务器,服务器处理数据后返回结果,JavaScript再更新页面显示。 **MyEclipse6_...

    java swing补丁工具,打包class文件,jsp,html,js,css,xml,jar等文件,同时也支持其他格式的文件打包

    分享自己做的的打包工具,希望能帮助到平时为一堆补丁文件class(自动包含class内部类),jsp,html,js,css,xml,jar等文件花费很长时间整理的朋友,有了我这个工具,似乎这一切都变得简单,你只需要选择路径,然后在...

    Java web使用pdf.js在线预览远程服务器上的pdf文件

    pdf.js是Mozilla开发的一个开源项目,它允许开发者在浏览器端直接渲染PDF内容,无需依赖任何插件或第三方软件。 首先,我们需要理解pdf.js的核心功能。pdf.js提供了一套JavaScript API,可以解析PDF文件并将其转换...

    jsp、css中引入外部资源相对路径问题分析

    比如,如果要引入一个JavaScript文件jQuery,可以使用&lt;script src="js/common/jquery-1.11.1.min.js" ...&gt;这样的相对路径。 此外,文章还讨论了当在CSS或JavaScript文件中进一步引用图片等资源时可能遇到的路径问题...

Global site tag (gtag.js) - Google Analytics