当前位置:jQuery学习 > jQuery > jQuery字符串替换(Javascript开发技术大全书籍赠送)

jQuery字符串替换(Javascript开发技术大全书籍赠送)

时间:2010-11-02QQ群:116983258

写在最开始,本小站最近将送出一本Javascript开发技术大全,以后还会有更多书籍送出。获奖者将从本站评论中随机抽取一名同学,时间从2010-11-03零点算起,评论者需要在Gravatar申请绑定下头像(切记要有头像),如果不了解请查看Gravatar申请方法,如果了解的话直接注册申请。书的封面如下(百度上找不到一张图,在Google上搜到的一张):

Javascript开发技术大全

现在开始正文。今天将gravatar显示头像部分调整了一下,使用到了replace()方法进行字符串的替换。可以看到replace()函数是javascript中的方法,首先让我们看看我使用replace()方法做了什么处理。

使用过gravatar的朋友们可能已经了解,显示图片时指定了图片的大小,在gravatar中最大头像为200X200px。而我们一般使用时指定头像为较小,如在我的站里指定为60X60,这样提高了图片加载速度,默认如下:

gravatar默认头像

此时用户不能查看大图像,所以当用户光标停留在图片上时,显示图片的大图像显得很有作用。这样就要改变图片的大小,本来的图片src如下:

<img id="rptComment_ctl01_Gravatar1" width="60" height="60" src="http://www.gravatar.com/avatar.php?gravatar_id=f847fb8954f1750719d3feef3b033718&rating=G&size=60" />

下边我使用replace()方法将size大小进行了替换,并将它的src赋到预览图片上,如果你不了了的话可以查看使用jQuery预览图片,代码如下:

$("image").attr("src").replace("size=60", "size=200");

最终结果如下图所示:

replace替换字符串

好了,本篇就是说明了下字符串的替换,并重点指出了近期将送出Javascript开发技术大全以及要求,没有绑定Gravatar头像的赶快去绑定吧!

活动已结束,感谢大家关注,获奖结果请查看<<Javascript开发技术大全>>抽奖结果

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/replace-string-in-javascript.html

大家说了些什么

  1. 1. ' 2010-11-03 20:23

    drop table article

    • 朋友的你 2010-11-03 21:56

      @' 为了互联网干净,就不要灌水了,大勇!而且头像要设置一个,留言只记一条。月底出结果吧!

  2. 2. realway 2010-11-04 14:15

    说话要算数哦,呵呵

    • 朋友的你 2010-11-04 18:43

      @realway 说话肯定算数。^_^.

  3. 3. 墨水 2010-11-04 21:21

    算我一个,Gravatar头像默认行吗?

  4. 4. 孙老四 2010-11-05 14:01

    呃~我是过来学习的。

  5. 5. zyz 2010-11-06 12:19

    howdy,hope your website will better and thx for share JQuery e.g.

  6. 6. Wener 2010-11-24 23:52

    你是女的? 回我email!

  7. 7. Super 2011-11-09 15:11

    想请教下,这个小图和大图是什么思路实现的?

所有话题