如何把html中的js相对路径转绝对路径变成绝对路径

来源：蜘蛛抓取(WebSpider) 时间：2016-12-04 12:21 标签： 相对路径转绝对路径
html中base标签解决相对路径问题-设计基础-网页制作-壹聚教程网html中base标签解决相对路径问题
网站是由两套独立的系统组合而来，一套门户，一套自定义开发，分别位于不同的服务器。
域名只能有一个，于是使用nginx做了代理，根据location做了转发，比如/portal就转发到门户系统。
问题是门户系统一直使用的是相对路径，首页做了rewrite，而首页的很多链接(包括css、js、图片等)都是相对路径，问了门户系统那边的没法解决，只能用相对路径。
杯具来了，href=&news//1234.html&类似这样的链接都成了 /news//1234.html的全路径，而这个路径在中是没法识别成门户系统的(nginx是通过/portal来匹配的)。
这是因为：HTML文档所有链接中的相对路径，浏览器都会提取当前文档的URL来填充。
突然想起了HTML的base标签，来看W3C的解释：
&base& 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 &base& 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 &a&、&img&、&link&、&form& 标签中的 URL。
注释：&base& 标签必须位于 head 元素内部。
`(*&_&*)&尝试一下，在head标签中加入base标签
&base href=&.cn/i/& /&
&base target=&_blank& /&
&img src=&eg_smile.gif& /&
&a href=&.cn&&W3School&/a&
问题果然解决！
注：文中使用的域名和路径非真实场景中的域名和路径。
base标签最好不要动态写入，否则在Firefox和IE中会有一个小bug，比如对于页面：
document.write('&base href=&http://localhost/& /&');
&/head&&/p& &p&&body&
&img src=&static/1.jpg& /&
Firefox和IE中会先加载http://localhost/static/static/1.jpg，然后再加载http://localhost/static/1.jpg。也就是说，他们都先尝试用相对于当前页面的路径进行加载，然后再通过base标签设置的默认路径加载。
上一页： &&&&&下一页：相关内容
暂无与此文章相关内容最新内容友情链接:联系人：QQ新手求解答：插入桌面图片，绝对路径可以，相对路径不可以~~~_html吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：79,973贴子：
新手求解答：插入桌面图片，绝对路径可以，相对路径不可以~~~收藏
C:\Users\Administrator\Desktop\HTML
插入图片-晓组织-01.html
C:\Users\Administrator\Desktop\图片
晓组织-01.jpg&html&
&title&插入图片&/title&
&img src=&Desktop/图片/晓组织-01.jpg&&
&/body&&/html&
上述写法，错误在哪，请详解，谢谢！
票牛教你如何买到热门、便宜、真实的演出门票！
html文件是在html文件夹里吗？要是的话图片路径加../
&img src=&图片/晓组织-01.jpg&&
你要清楚你的html文件和图片文件的位置。如果网页文件和图片文件放在同一目录下，直接src=&xx.jpg&即可。如果网页文件和存放图片的“图片”文件夹在同一目录下，就写成我上一次答复的那样
十五字十五字十五字十五字十五字十五字十五字
这里没有大神？
？？？？？ 没高手
desktop准确来说不能作为相对路径，而且，一般开发来说，图片和源码放在一个目录里比较好
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或[HTML] 图片标签、绝对路径 和 相对路径 - 博客频道 - CSDN.NET
这货不是博客
对代码不满足，是任何真正天才的程序员的根本特征。
分类：Web 前端
［］& img &标签 代表 图片，img标签的作用是向网页中插入一张图片，并不是将图片绘制到网页中。
src 属性：“插入”图片到网页中去。
alt 属性：值可以是一段文字，当图片由于各种原因无法显示时，alt属性的值就会被显示在网页上。
width/height 属性：设置图片的宽度／高度；不适合用于图片，可用于纯色图的拉伸；单位可以是px，也可以是％，单位为％时是指占窗体宽高的百分比大小。
&!DOCTYPE html&
src="a.png" alt="picture" width="100px" height="100px" /&
推荐& img &标签中加上“/”来关闭标签。
推荐使用PNG图片格式
当图片无法正确加载时会出现图片错误的图标：
可能导致图片错误的原因：
1. 路径名写错了
2. 引用的图片被删除了
3. 网络问题
像素：显示内容基本长度单位 pixel。
位图：图片中每一个像素都由4个数字（argb）组成（0-255），原则上不能拉伸因为会导致失真。
a：透明度；r：红色；g：绿色；b：蓝色
矢量图：可以随意拉伸。
通过图片的拉伸可以将一张很小的纯色图片冒充为一张大图，节约资源的加载。
绝对路径：使用图片在硬盘上的绝对位置来访问图片，通常是从根目录开始，向下一个目录一个目录的寻找；在开发网页的过程中，一般不会使用绝对路径
相对路径：指的是相对于当前网页的路径。
相对路径的起点就是
src的值就是路径。
“..” 在路径中代表当前网页所在目录的上一级目录
在路径中代表当前网页所在目录
src="../a.png" /&
排名：千里之外
（25）（6）（9）（4）（12）（1）（0）（5）（1）

我要回帖

更多关于 相对路径转绝对路径 的文章

 

随机推荐