将边框添加到图片

我对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

将边框添加到图片

回答

相关问题