如何输出图像URL'；在浏览器中使用Javascript或Jquery来控制台日志？

我需要将我在任何特定页面上单击的所有图像url添加到一个变量中，以便在控制台中获取图像url

所有这些代码都应该在控制台中运行

我现在正在使用此代码：

var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].src + "\n";
}

var x=document.images；
var txt=“”；
var i；
对于（i=0；i

这可以工作，但它会输出页面上显示的所有图像URL，我只需要单击的图像，因为没有附加到图像的href链接

---

此外，如果我只想在该页面上以特定域开始的图像，如仅Imgur图像URL等。。。这里是一个真正的基本工作示例。在我的示例中，有来自两个不同域名的占位符图像。但是，只有URL中带有

placehold.it

的才会显示在控制台中

是的，通过使用

regex

，可以使

if

语句变得更复杂，但这只是一个简单的工作示例

$（文档）.ready（函数（）{
$（文档）。在（“单击”，“img”，函数（）上）{
this_src=$（this.attr（“src”）；
如果（此索引（“placehold.it”）>-1）{
console.log（此\u src）；
}
});
});
这是一个真正的基本工作示例。在我的示例中，有来自两个不同域名的占位符图像。但是，只有URL中带有
placehold.it
的才会显示在控制台中

是的，通过使用
regex
，可以使
if
语句变得更复杂，但这只是一个简单的工作示例


$（文档）.ready（函数（）{
$（文档）。在（“单击”，“img”，函数（）上）{
this_src=$（this.attr（“src”）；
如果（此索引（“placehold.it”）>-1）{
console.log（此\u src）；
}
});
});
您可以使用jQuery执行以下操作：

jQuery(function($){
    var clickedImages = [];

    // Images whose URL starts with
    $('img[src^="http://i.imgur.com"]').click(function(e){
         var $img = $(this);
         clickedImages.push( $img.attr('src') );
    });

    // And when you want :
    console.log(clickedImages); // will display the javascript array
});

您可以使用jQuery执行以下操作：

jQuery(function($){
    var clickedImages = [];

    // Images whose URL starts with
    $('img[src^="http://i.imgur.com"]').click(function(e){
         var $img = $(this);
         clickedImages.push( $img.attr('src') );
    });

    // And when you want :
    console.log(clickedImages); // will display the javascript array
});

如果您只希望在单击图像URL时添加它们，那么您的代码应该位于单击事件处理程序中——不管您是否使用javascript或jQuery来实现这一点。此外，为了只获取imgur图像，虽然在纯javascript中是可能的，jQuery确实有一些可以很好地处理这种情况的东西，称为。它只通过选择属性中具有指定字符串的元素来工作，如下所示：

var txt = "";

$("img[src*='egdomain']").click(function() {
    txt = txt + $(this).attr("src") + "\n";
})

var txt = [];

$("img[src*='egdomain']").click(function() {
    txt.push($(this).attr("src"))
})

function displayURLs() {
    var numURLs = txt.length;
    var i;

    for (i=0; i < numURLs; i++) {
        console.log(txt[i]);
    } 
}

使用此代码，甚至只会选择带有“egdomain”的
src
的图像，将其URL添加到文本中。更多的建议是，您可以将
txt
变量设置为一个数组，将URL推到其中，然后在准备打印时使用for循环打印出来，如下所示：

var txt = "";

$("img[src*='egdomain']").click(function() {
    txt = txt + $(this).attr("src") + "\n";
})

var txt = [];

$("img[src*='egdomain']").click(function() {
    txt.push($(this).attr("src"))
})

function displayURLs() {
    var numURLs = txt.length;
    var i;

    for (i=0; i < numURLs; i++) {
        console.log(txt[i]);
    } 
}

var txt=[]；
$（“img[src*='egdomain']）。单击（函数（）{
txt.push（$（this.attr（“src”））
})
函数displayURL（）{
var numURLs=txt.length；
var i；
对于（i=0；i

希望这对您有所帮助，祝您好运。
如果您只希望在单击图像URL时添加它们，那么您的代码应该位于单击事件处理程序中——如果您使用javascript或jQuery来实现这一点并不重要。此外，为了只获取imgur图像，虽然在纯javascript中是可能的，jQuery确实有一些可以很好地处理这种情况的东西，称为。它只通过选择属性中具有指定字符串的元素来工作，如下所示：

var txt = "";

$("img[src*='egdomain']").click(function() {
    txt = txt + $(this).attr("src") + "\n";
})

var txt = [];

$("img[src*='egdomain']").click(function() {
    txt.push($(this).attr("src"))
})

function displayURLs() {
    var numURLs = txt.length;
    var i;

    for (i=0; i < numURLs; i++) {
        console.log(txt[i]);
    } 
}

使用此代码，甚至只会选择带有“egdomain”的
src
的图像，将其URL添加到文本中。更多的建议是，您可以将
txt
变量设置为一个数组，将URL推到其中，然后在准备打印时使用for循环打印出来，如下所示：

var txt = "";

$("img[src*='egdomain']").click(function() {
    txt = txt + $(this).attr("src") + "\n";
})

var txt = [];

$("img[src*='egdomain']").click(function() {
    txt.push($(this).attr("src"))
})

function displayURLs() {
    var numURLs = txt.length;
    var i;

    for (i=0; i < numURLs; i++) {
        console.log(txt[i]);
    } 
}

var txt=[]；
$（“img[src*='egdomain']）。单击（函数（）{
txt.push（$（this.attr（“src”））
})
函数displayURL（）{
var numURLs=txt.length；
var i；
对于（i=0；i

希望这对你有所帮助，祝你好运。
在这两个答案之间，你有你需要的，但可能会稍微容易一些：
$（“img”）.on（“click”，function（）{clickedImages.push（this.src）；}）在这两个答案之间，你得到了你需要的，但可能看起来稍微容易一些：
$（“img”）.on（“click”，function（）{clickedImages.push（this.src）；}）在控制台中获取错误-VM2067:4未捕获的语法错误：意外标识我刚刚编辑了我的错误。因为这是jQuery，所以您需要在页面中包含jQuery，这样才能工作；此外，最好将javascript封装在$（document）中。ready（function（）{//your code here}）（同样是jQuery函数）在控制台中出错-VM2067:4 Uncaught SyntaxError:uncought identifier我刚刚编辑了我的错误。因为这是jQuery，所以您需要在页面中包含jQuery，这样才能工作；此外，最好将javascript封装在$（document.ready（function（）{//your code here}）中（同样是jQuery函数）