js一加载就执行

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。

1：执行时间不同

  $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕，document.ready()加载的速度较快，只需要等待dom树的加载，无需等待图片以及媒体资源。 而window.onload不仅要等DOM结构加载完，还要加载图片，视频，音频在内的所有文件都加载完毕，如果在加载图片和媒体资源上花费了大量时间的话，用户就会明显感觉到网速明显的卡顿。

2：编写个数不同

window.onload同时编写多个，在执行程序时只会执行最后一个window.onload，而document.ready()则会执行多个。

例如：

window.οnlοad=function(){
alert(3)
}
window.οnlοad=function(){
alert(5)
}
两个window.onload，则只会弹出5

$(document).ready(function(){
	alert("1")
})
$(document).ready(function(){
	alert("2")
})
$(document).ready(function(){
	alert("3")
})

document.getElementsByClassName(“topBoxButton”)获取的是数组。
var root3=document.getElementsByClassName(“topBoxButton”)[2];
root3.style.fontSize= “18px”;