將邊框添加到圖片

我對JS完全陌生。我試圖讓我成爲一個小書籤，它可以找到網頁上的所有圖像，併爲它們添加一個彩色邊框。然後，通過點擊圖像我想附加圖像路徑。這是我有這麼遠：將邊框添加到圖片

javascript: 
for (var i= document.links.length; i-->0;) { 
    if (document.links[i].getElementsByTagName('img').length!=0) { 
     document.links[i].onclick= function() { 
      window.open("http://www.example.com/whatever?imgsrc=" + this.src + ""); 
     }; 
    } 
}

我如何添加邊框的圖片嗎？

感謝，鮑勃

來源

2011-03-01 Michael

您的簡體h不壞。你只犯了一個大錯誤（而不是那個）。我看到更糟。順便說一下，網站或網頁的所有圖像？這是兩回事。 – 2011-03-01 23:18:18

試試這個代碼：

javascript:for(i=0;i<document.getElementsByTagName('img').length;i++){var imgTag=document.getElementsByTagName('img')[i];imgTag.style.border='2px solid #E8272C';imgTag.onclick=function(){return !window.open(this.src)};}void(0)

友好格式的觀點：

javascript: 
for(i=0;i<document.getElementsByTagName('img').length;i++){ 
    var imgTag=document.getElementsByTagName('img')[i]; 
    imgTag.style.border='2px solid #E8272C'; 
    imgTag.onclick=function(){ 
     return !window.open(this.src); 
    } 
}void(0)

來源

2011-03-04 05:56:55 ahgood

感謝您的回答。我只想知道一件事：爲什麼此代碼不打開外部網站？ 'imgTag.onclick = function（）{return！window.open（「http://www.myurl.com/#i/」+ imgTag.src）;}} void（0）'我試圖替換部分你的榜樣。謝謝 – Michael 2011-03-04 16:54:40

剛剛在當前頁面嘗試過，它對來自外部URL的圖像源（您評論上方的圖標）正常工作。 – ahgood 2011-03-05 04:49:59

它不會打開我點擊的圖像。我嘗試了幾個網站，如http://ffffound.com。我只是複製粘貼你的代碼。我錯了什麼？ – Michael 2011-03-07 08:43:16

有沒有需要調用的getElementsByTagName

javascript:(function(){for(var i=0;i<document.images.length;i++){var image=document.images[i];image.style.border='medium solid blue';image.onclick=function(){location.href=this.src;return false;};}})()

來源

2011-03-16 15:31:35

將邊框添加到圖片

回答

相關問題