一次搞懂onload和ready

1、onload

onload是javascript中的方法,使用爲window.onload = function(){}
在javascript中,window.onload = function(){}表示入口函數

  • window.onload只能執行一次
window.onload = function(){
	alert(1)
}
window.onload = function(){
	alert(2)
}
//彈出結果爲2
  • 使用了window.onload,得等整個網頁加載完成才能往下執行js部分的代碼
  • 無簡寫方式

2.ready

ready是jQuery中的方法,使用爲$(document).ready(function(){})
在jQuery中也表示入口函數

  • $(document).ready(function(){})可以無限執行
$(document).ready(function(){
	alert(1)
})
$(document).ready(function(){
	alert(2)
})
//結果先彈出1,後彈出2
  • 只要dom結構加載完成就可以執行js代碼
  • 簡寫方式
$(function(){
	alert(1)
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章