请问一下在html里面 lazy_src和 src 有什么不同？

Question

用<img lazy_src="" />为什么有些浏览器加载不了图片，而 <img src="" />就可以。

Answer 1

1.src後跟图片路径，会直接加载。
如<img src="">，它 是标准的HTML语言 浏览器都能支持

2.lazy_src後跟图片路径，但是不会直接加载，它是延迟加载图片路径的JS插件，对于某些浏览器来说自然无法识别
延时代码：
<script src="jquery-1.11.1.js"></script>
<script>
$(document).ready(function () {
$(window).scroll(function () {
loadImg();
})

function loadImg() {
$("img").each(function () {
if ($(this).offset().top < $(window).height() * 2 + $(window).scrollTop()) {
$(this).attr("src", $(this).attr("lazy_src")).removeAttr("lazy_src");
}
});
}
})

</script>

Answer 2

你说的 lazy_src 应该是 图片JS延迟加载 并非浏览器问题
而<img src=""> 是标准的HTML语言 浏览器都能支持
<script src="jquery-1.11.1.js"></script>
<script>
$(document).ready(function () {
$(window).scroll(function () {
loadImg();
})

function loadImg() {
$("img").each(function () {
if ($(this).offset().top < $(window).height() * 2 + $(window).scrollTop()) {
$(this).attr("src", $(this).attr("lazy_src")).removeAttr("lazy_src");
}
});
}
})

</script>
延时代码