代码之家 › 专栏 › 技术社区 › Steven

是否有一个Javascript/jQuery<img/>的标准尚未放在文档中?

dom jquery javascript

Steven · 技术社区 · 15 年前

如果图像标签只是那些尚未插入到文档中的死板Javascript元素之一,那么浏览器如何处理图像加载呢?举个例子:

$('<img src="/path/to/image.jpg" />')

是否有一个规范告诉图像加载?我之所以这么问是因为我对以下实现感兴趣:

实现(2)并不难,但我想确定我可以依靠 load 跨浏览器的事件。我在Firebug和Chrome控制台上试过,它似乎工作得很好,但是我还没有遇到一个规范告诉我它总是可以工作的。我不会把它放在一个浏览器之外,拒绝加载一个还没有放在浏览器中的图像 document .

1 回复 | 直到 15 年前

Josh Stodola 15 年前

这个 load 事件应该在现代浏览器中始终如一地触发。您可能会遇到过时浏览器(IE6之前)的问题。我必须推荐的一件事是您分配一个load事件处理程序之前设置 src

$("<img />").load(function() {
  alert("Loaded!");
  $(this).css("border", "solid 2px black").appendTo("body");  
}).src("/path/to/image.jpg");

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

6 月前

user28928120 · 如何在jquery中选择所有类?

6 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

6 月前

Eliable · 使点击计数器和进度条协同工作

7 月前

mlri · 从不同的onclick事件执行相同的javascript函数

7 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

7 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

7 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

7 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

7 月前