关于HTML代码里JS如何编写

2011-11-09 15:55:13 +08:00
 yeshang
想实现: 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>
4241 次点击
所在节点    程序员
15 条回复
hdinfo
2011-11-09 15:58:28 +08:00
为什么要用JS,在Editplus中,Ctrl+H 查找<img src=" 全部替换为 img src="绝对地址

哈哈.
yeshang
2011-11-09 16:09:51 +08:00
@hdinfo 因为这个地址经常会变,写死了不好. 批量替换的事,我经常干
leojoy710
2011-11-09 16:20:59 +08:00
git://gist.github.com/1350823.git

大概是这样吧...
leojoy710
2011-11-09 16:21:41 +08:00
http://gist.github.com/1350823.git

还是不会用gist啊...
yangg
2011-11-09 16:21:59 +08:00
使用动态语言，把这个域名写到配置里
miao
2011-11-09 19:52:22 +08:00
@leojoy710 求解, 域名放于何处?
leojoy710
2011-11-09 22:05:47 +08:00
@miao qualifyURL方法会自动加上去的...根据当前的域...
cmonday
2011-11-09 22:16:43 +08:00
@leojoy710 好hack的方法。。
frittle
2011-11-09 22:41:08 +08:00
@leojoy710 LZ要的好像不是当前域名，而是其他域名的绝对地址吧？不然也没必要折腾，直接/img/baidu_jgylogo3.gif浏览器也会解读成http://domain.com/img/baidu_jgylogo3.gif了。
yeshang
2011-11-09 22:49:15 +08:00
@frittle 是的,的确是要其他域名的绝对地址.而不是当前域名的.
yeshang
2011-11-09 22:54:49 +08:00
@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
2011-11-09 23:13:21 +08:00
@yeshang 把@leojoy710的代码改了一下

https://gist.github.com/1351716
yeshang
2011-11-09 23:40:04 +08:00
@frittle 正解. 这样以后就不用怕图床不稳定了.路径不变,只要变域名就行.
忠心感谢谢@frittle @leojoy710
yeshang
2011-11-09 23:47:56 +08:00
有个小缺点就是,在js执行之前图片是处于404状态.用户体验不是很好.
leojoy710
2011-11-10 00:02:21 +08:00
@yeshang @frittle ...需求没看清楚...惭愧惭愧...

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/21090

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX