关于HTML代码里JS如何编写

yeshang · 2011-11-09T07:55:13Z

想实现: id为data里的所有img元素都加上一个绝对地址,请问用JS如何写? 举例: 在浏览器里解析为: 在div id="data"外的img元素不解析. 代码如下: xxx

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 5305 days ago, the information mentioned may be changed or developed.

想实现: id为data里的所有img元素都加上一个绝对地址,请问用JS如何写?

举例: <img src="/img/baidu_jgylogo3.gif">
在浏览器里解析为: <img src="http://www.baidu.com/img/baidu_jgylogo3.gif">
在div id="data"外的img元素不解析.

代码如下:
<html>
<head>
<title>xxx</title>
<script type="text/javascript">

</script>
</head>

<body>
<div id="data">
<img src="/img/baidu_jgylogo3.gif">
<img src="/img/baidu_sylogo1.gif">
</div>
<img src="/img/no-change.gif">
</body>
</html>

img

src

gif

15 replies • 1970-01-01 08:00:00 +08:00

hdinfo

Nov 9, 2011

为什么要用JS,在Editplus中,Ctrl+H 查找<img src=" 全部替换为 img src="绝对地址

哈哈.

yeshang

Nov 9, 2011

@hdinfo 因为这个地址经常会变,写死了不好. 批量替换的事,我经常干

leojoy710

Nov 9, 2011

git://gist.github.com/1350823.git

大概是这样吧...

leojoy710

Nov 9, 2011

http://gist.github.com/1350823.git

还是不会用gist啊...

yangg

Nov 9, 2011

使用动态语言，把这个域名写到配置里

miao

Nov 9, 2011

@leojoy710 求解, 域名放于何处?

leojoy710

Nov 9, 2011

@miao qualifyURL方法会自动加上去的...根据当前的域...

cmonday

Nov 9, 2011 via iPad

@leojoy710 好hack的方法。。

frittle

Nov 9, 2011

@leojoy710 LZ要的好像不是当前域名，而是其他域名的绝对地址吧？不然也没必要折腾，直接/img/baidu_jgylogo3.gif浏览器也会解读成http://domain.com/img/baidu_jgylogo3.gif了。

yeshang

Nov 9, 2011

@frittle 是的,的确是要其他域名的绝对地址.而不是当前域名的.

yeshang

Nov 9, 2011

@leojoy710 不好意思,我没把问题写明白.
是这样, www.a.com下面的静态html是这样.
<div id="data"><img src="/img/baidu_jgylogo3.gif"></div>
通过一段js代码,实现该图片地址变为图床的绝对地址
<div id="data"><img src="http://domain.com/img/baidu_jgylogo3.gif"></div>

frittle

Nov 9, 2011

@yeshang 把@leojoy710的代码改了一下

https://gist.github.com/1351716

yeshang

Nov 9, 2011

@frittle 正解. 这样以后就不用怕图床不稳定了.路径不变,只要变域名就行.
忠心感谢谢@frittle @leojoy710

yeshang

Nov 9, 2011

有个小缺点就是,在js执行之前图片是处于404状态.用户体验不是很好.

leojoy710

Nov 10, 2011

@yeshang @frittle ...需求没看清楚...惭愧惭愧...