js修改img的src

luo_text 发布于 2013/11/27 09:27
阅读 4K+
收藏 1

是这样的,我有一个这样结构的div

<div id="mywork">
<div>
<img src="xxxx/xxx/xxx.gif" />
<img src="xxxx/xxx/xxx.gif" />
<img src="xxxx/xxx/xxx.gif" />
<img src="xxxx/xxx/xxx.gif" />
<img src="xxxx/xxx/xxx.gif" />
<img src="xxxx/xxx/xxx.gif" />
</div>
</div>
现在的img里面的src是相对的地址,我要修改为绝对地址。src里面要改为我的www.aaa.com加上原来的xxxx/xxx/xxx.gif.

我要怎么修改可以达到这种效果呢??

求助

我的想法就是将原来的mywork里面的img的src给抽出来,然后循环在原有的src(/xxx/xxx/xx.gif)加上我的www.aaa.com。这样就能够让图片正确显示了。怎么达到这样呢?

高手求解

加载中
0
leelege
leelege
$('#mywork img').each(function(){
   this.src = '你的域名' + this.src;
});

//有时间熟悉一下jQuery api吧 毕竟搞web离不了



luo_text
luo_text
回复 @leelege : 谢谢哈。
leelege
leelege
回复 @luo_text : 你选择是在用静态页面做调试吧?真正打包部署到服务器之后是不会这样的,没必要针对这个做截取
luo_text
luo_text
回复 @戴威 : 应该要用到each吧,毕竟这不是单个操作,而是多个操作。
luo_text
luo_text
这个this.src获取的,为什么会有个file://呢? 我需要每个都截取吗? 不然替换后的src就会变为www.aaa.com/file:///xxx/xxx/xxx.gif了
luo_text
luo_text
哎,你说得对。。。 jquery的确是学得烂。 没啥好说的。谢谢哈
0
Sub
Sub

$("img")[0].src -> 绝对路径

$("img").attr("src") -> 相对路径

luo_text
luo_text
我要的是那个id为mywork里面的img元素的src修改为绝对地址www.aaa.com/xxx/xx/xxx.gif 而且我现在只能获取到第一个img的src后面的又获取不到了。
0
thankjava
thankjava

实在想不通web程序你引用的资源为什么是绝对路径,----绝对路径!!!

那如果你的项目在Linux系统上,你还得从/开始写起?

你引用的资源为项目相对路径,发布后不受域名影响的。

luo_text
luo_text
我也不想呀,但是为了要使图片在我这里正确显示,也只能这样引用了呀。
0
leelege
leelege

以“/”开头的路径跟你写成“http://www...."是一样的效果,不过看你的意思是想通过js来获取当前页面的域名地址,这个没有直接的接口,不过可以通过类似下面的方式拿到:

//某个你引入的到该页面的js脚本名称,前提是你的js不是通过相对路径引入

var FILE_NAME = 'x.js'; 
var loc;
var s = document.getElementsByTagName("script");
  for (var i = s.length; i > 0; i--) {
       if (s[i - 1].src.indexOf(FILE_NAME) != -1) {
          loc = s[i - 1].src;
          break;
        }
  }
//处理loc拿到域名....




luo_text
luo_text
那倒不是,地址我也有了,不需要获取。就是给src的原来的地址,前面加上域名。本来是xxx/xxx/xxx.gif嘛。变为www.aaa.com/xxx/xxx/xxx.gif
0
zhou_xiang
zhou_xiang
必须得循环 
zhou_xiang
zhou_xiang
回复 @luo_text : 嗯 必须要循环 我刚写错了
luo_text
luo_text
你的这个只能对单个操作吧。我的是全部img呢
返回顶部
顶部