Jquery和JavaScript入口函数的区别

羽化飞翔专注于资源分享和技术分析，今天谈谈Web前端的问题

 第1部分：导致的问题

今天华仔在前端开发的过程中，遇到一个被恶心到的事情。我使用一下Jquery入口函数，更新下拉选择框的取值。

$(document).ready(function () { 
    $("#.NET技术").val("VisualBasic.Net开发教程").selectmenu('refresh', true);
});

紧接着就比较蛋疼了，因为出现这样一个情况：页面无法打开，一直转圈圈。

经过各种资料查找后发现很可能是这样的问题：网页dom元素在加载的时候，还没加载出来，但是这段默认值的代码已经执行了，导致了冲突。

于是我就去查找Javascript入口函数，尝试是否可以。

window.onload = function (ev) {
    $("#.NET技术").val("VisualBasic.Net开发教程").selectmenu('refresh', true);
}

结果，发现这个JavaScript的入口函数确实没问题。

第2部分：总结

1、jQuery执行入口函数时，不会等待页面Dom元素加载完毕，而是相当于两个线程在同时开始进行

2、JavaScript入口函数会等到页面Dom元素加载完成

3、如果需要操作html静态的Dom元素，推荐使用JavaScript的入口函数，否则用jQuery的