Javascript更改頁面上的鏈接

我很新的JavaScript和我想知道如何在頁面上的圖像鏈接，即。 http://www.example.com/image.jpg我可以讓它們被JavaScript自動更改爲嵌入，即與標籤Javascript更改頁面上的鏈接

希望是有道理的！

感謝

2010-10-11 James Sampson

我們特別喜歡jQuery框架在這裏，因爲它使得這類任務非常容易的。使用jQuery你的頁面上，你可以很容易地做到這一點：

$(document).ready(function() { 
    $('a[href$=.jpg]').each(function() { 
     var imageSrc = $(this).attr('href'); 
     var img = $('<img />').attr('src', imageSrc); 

     $(this).replaceWith(img); 
    }); 
});

這將爲<a>標籤，其href屬性與.jpg到底可以擴大到其他文件擴展名，當然，具體工作，但動態地確定是否鏈接導致圖像如果URL不明顯將是一個更大的挑戰。

來源

2010-10-11 15:28:21 VoteyDisciple

你假設他在使用jQuery。您應該先介紹他需要處理語法的框架。 – nopuck4you 2010-10-11 15:32:48

我不假設jQuery，只是推薦它（在第一句）。我還包括一個鏈接到jQuery網站。 – VoteyDisciple 2010-10-11 15:34:51

太棒了，謝謝。很快，我該如何爲標籤添加一個圖片寬度屬性？然後我應該理解語法！謝謝。 – 2010-10-11 17:51:16

你的意思是轉換所有圖像url的超鏈接「指向」的圖像？

var x = document.getElementById('body'); 
x.innerHTML = x.innerHTML.replace(/(http:\/\/[^ ]+)/g,'<a 
href="$1">$1</a>/');

我還沒有測試過這個，但它應該工作。不需要第三方框架。

從here

來源

2010-10-11 15:28:33 alexy13

Javascript更改頁面上的鏈接

回答

相關問題