jQuery與JS加載事件用法分析

2019-11-20 09:05:18

字體：大中小

來源：轉載

供稿：網友

本文實例分析了jQuery與JS加載事件用法。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>加載事件</title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script></head><body onload="alert('js');"><style type="text/css">#bbb{ background-color:#039;}</style><div class="aaa" id="bbb">  無標題文檔1</div><div class="aaa" id="bbb">  無標題文檔2</div><div class="aaa" id="bbb">  無標題文檔3</div><script type="text/javascript">//jQ 也是js來的，不同的是使用js封裝是一個庫，所以也叫 js 庫//jQ 把文檔結構加載完后，就開始加載 jQ//$(document).ready(function(){})可以簡寫成$(function(){});$(function(){  alert('jq');});$(function(){  alert('jq2');});$(function(){  alert('jq3');});$(function(){  alert('jq4');});$(document).ready(function(){ // == $(function(){  alert('jq5');});//js onload 事件會在頁面或圖像加載完成后立即發生。//onload 不能同時出現兩次window.onload = function(){  alert('js2')}//$(function(){});這個是在頁面DOM文檔加載完成后加載執行的，等效于$(document).ready(function(){...});//優于window.onload，后者必須等到頁面內包括圖片的所有元素加載完畢后才能執行。</script></body></html>

效果圖：