javascript – 在元素加载后立即运行一些JS的最好方法?

前端之家收集整理的这篇文章主要介绍了javascript – 在元素加载后立即运行一些JS的最好方法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

假设你有一些HTML,

Box" type="text" value="hello world" />

并且你想在加载后立即在该文本框上做一些魔术.无论如何,可能会在它旁边添加某种小部件或按钮.我知道有两种方法可以做到这一点.你可以在< head>中抛出一些这样的jQuery.

$(function() {
    $('#mytextBox').magic();
});

并且一旦整个DOM准备好就会运行,但是如果我们想要更快的话呢?元素加载后很快?

我们可以在元素之后立即放置JS:

Box" type="text" value="hello world" />
Box').magic();

但是这有点麻烦,为什么在我们确切地知道它的位置时我们必须在整个DOM中搜索元素ID? onclick事件有这个论点.我们有什么方法可以做这样的事……

Box" type="text" value="hello world" onload="$(this).magic()" />

?将是最好的解决方案IMO,但只有身体显然有onload事件,没有其他事件似乎合适.如果我们想要在加载元素后立即运行一些代码,我们基本上还是要解决方案#2吗?

最佳答案
实际上,你的第二个片段是将“Javascript”应用到元素的“最佳”(无论是什么意思,可能是最快的)方式.

Box" type="text" value="hello world" />

猜你在找的HTML相关文章