在js 或者jquery 里怎么判断一个img标签有没有data-src属性?

JavaScript0144

在js 或者jquery 里怎么判断一个img标签有没有data-src属性?,第1张

js中获取image的src值的语句：

var path = $('#suolue').attr('src')

var path = document.getElementById("suolue").src

var path = $("#suolue")[0].src

以上三种方法都可以，具体输出内容可以alert()出来调试一下就知道啦~

一、功能不同

1、data-main：为HTML5新增的规范，用来嵌入自定义数据。

2、src：为html属性，用来指定文件位置。

二、作用不同

1、data-main：存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验。

2、src：src属性用来指定脚本文件的位置。

三、规则不同

1、data-main：属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符，属性值可以是任意字符串。

2、src：可以用来指定文件的相对位置，也可以指定文件的绝对位置。

参考资料来源：百度百科-SRC

参考资料来源：百度百科-html5

那开始的时候索性src也别用。用其他的比如src1。

然后对遍历所有的img标签，如果有data-src的，将其值赋给src，如果没有data-src，则将src1的值赋给src