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

发布时间：2020-12-14 22:44:02 所属栏目：资源来源：网络整理

导读：假设你有一些HTML, 并且你想在加载后立即在该文本框上做一些魔术.无论如何,可能会在它旁边添加某种小部件或按钮.我知道有两种方法可以做到这一点.你可以在中抛出一些这样的jQuery. $(function() { $('#mytextbox').magic();}); 并且一旦整个DOM准备好就会运

假设你有一些HTML,


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

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

并且一旦整个DOM准备好就会运行,但是如果我们想要更快的话呢？元素加载后很快？
我们可以在元素之后立即放置JS：


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


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


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


你不是在这里搜索整个DOM.像这样的电话直接归结为

document.getElementById('mytextbox');

这或多或少只是对节点的insta访问.
无论如何,这样的做法背叛了不引人注目的Javascript的想法.我不知道为什么你不应该在DOMContentLoaded事件触发时应用某些代码(由jQuerys .ready()抽象出来).

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!