注意：如果我们在部署Web应用时，没有设置Context Root（一般情况下配置为工程名），也就是IP和端口后面不带应用名，如http://localhost:8080/main.do和http://localhost:8080/test.jsp，这种情况在引用时就不能带工程名了，应该这样： ..." />
檬味博客 » 问答 » 开发js插件如何引用外部css文件

开发js插件如何引用外部css文件

css" /> 注意：如果我们在部署Web应用时，没有设置Context Root（一般情况下配置为工程名），也就是IP和端口后面不带应用名，如http://localhost:8080/main.do和http://localhost:8080/test.jsp，这种情况在引用时就不能带工程名了，应该这样： ...
开发js插件如何引用外部css文件
使用相对于jsp页面的相对路径
<link type="text/css" rel="stylesheet" href="../styles/main.css" /> <script type="text/JavaScript" src="../scripts/dtree.js"></script>这样在页面使用http://localhost:8080/项目名/**.jsp访问test.jsp时就可以引用到dtree.js和main.css。
使用相对于Web工程的相对路径
对于1中的相对使用相对于于jsp页面的相对路径的这种方式，如果我们是设置action跳转到test.jsp页面，那么这种使用相对路径的方式就引用不到了。例如我们当访问http://localhost:8080/MyProject/main.do的时候，页面跳转到test.jsp页面，如果使用方法1，就引用不到了。这个时候我们可以使用相对于Web工程的相对路径来引用：
<link type="text/css" rel="stylesheet" href="styles/main.css" /> <script type="text/javascript" src="scripts/dtree.js"></script>使用Web工程的绝对路径
方法1和方法2都有缺点，都只适用一种情况，有没有两种情况都适用的呢？答案肯定的！我们使用绝对路径:
<link type="text/css" rel="stylesheet" href="/MyProject/styles/main.css" /> <script type="text/javascript" src="/MyProject/scripts/dtree.js"></script>注意：如果我们在部署Web应用时，没有设置Context Root（一般情况下配置为工程名），也就是IP和端口后面不带应用名，如http://localhost:8080/main.do和http://localhost:8080/test.jsp，这种情况在引用时就不能带工程名了，应该这样：
<link type="text/css" rel="stylesheet" href="/styles/main.css" /> <script type="text/javascript" src="/scripts/dtree.js"></script>2017-03-13
mengvlog 阅读 191 次 更新于 2025-07-20 12:38:05 我来答关注问题0
1 个回答檬味博客专题活动
  • 翡希信息咨询 [油猴脚本开发指南]外部资源引用

    可以引入外部插件，如Darkmode.js，来实现黑夜模式等动态样式调整功能。示例：直接在脚本中使用来引入Darkmode.js插件。通过这种方式，可以轻松为网页添加黑夜模式，提升用户体验。重点内容： @require：用于引入外部JavaScript资源，注意可能需要的特殊权限。 脚本加载：通过动态插入标签来避免直接引用导致的冲突。

  • 翡希信息咨询 引用ext的js及css

    一、引用Ext的js文件 确定文件路径：首先，需要确定Ext框架的js文件在服务器上的相对路径。在报表集成系统中引用：通过报表集成系统的JavaScript配置，使用相对路径引用这些js文件。例如，如果extbase.js和extall.js分别位于adapter/ext/extbase.js和ext/extall.js，则可以在JavaScript代码中通过如下方式引用...

  • 独风吹jU js怎样动态调用外部CSS?

    3333css

  • 文暄生活科普 css/javascript怎样链接外部样式表,具体格式怎样写?

    最后，为了确保代码的可读性和维护性，建议在引入外部文件时使用注释进行说明，例如： 。这样，其他开发者能够更容易理解代码的结构和功能。

  • 武汉誉祥科技 vue如何引用其他组件(css和js)

    1.在index里面引入axios.js,vue里面用axios;如果vue里面用vue-resource的$http会报错get“”axios({ method: 'get',url: '/static/style/cart.json',data: {}})第二种：使用vue-source，引入外部的js注意引入顺序这是cart.js里面的内容cartView:function(){var _this=this //记得写在get上面，...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部