如何使用javascript更改网址的一部分

时间:2016-03-10 01:00:50

标签: javascript

嗨,我去改变网址的一部分,请帮助我 这是我的代码

<script>
<!-- javascript -->
</script>

<div class="image">
<img src="https://2.bp.blogspot.com/-UKS5LdO25Gw/VuBJoOR50FI/AAAAAAAARHs/006EudMG_gk/s72-c/j1mini.jpg">
</div>
<div class="image">
<img src="https://1.bp.blogspot.com/-411tLg200L0/VuAH-4z3zqI/AAAAAAAAdYY/0GFl4x7K9bk/s72-c/etoro.jpeg">
</div>
<div class="image">
<img src="https://4.bp.blogspot.com/-wv3KvVVLZwI/VtyYmB6LRUI/AAAAAAAAHV0/a86DOrdL1js/s72-c/Untitled-1.png">
</div>

我将 s72 更改为 s300

注意:有很多网址

3 个答案:

答案 0 :(得分:1)

  var images = document.getElementsByTagName('img');
  for (var i = 0; i < images.length; i++) {
    var image = images[i];
    image.src = image.src.replace('s72', 's300');
  }

这样更换会很危险。如果&#34; s72&#34;除了你试图替换它之外,图像网址中的其他地方都会出现问题。

答案 1 :(得分:0)

如果您使用的是IDE或Sublime等文本编辑器,则可以使用Find-&gt; Replace-&gt;全部替换功能将所有s72更改为s300s。

答案 2 :(得分:0)

我会这样做:

function changeSizeImages() {
  var images = document.querySelectorAll(".image img");
  var total = images.length;
  for(var i = 0; i<total; i++) {
    images[i].src = images[i].src.replace("s72", "s300");
  }
}