jquery库的引入:
<script type="text/javascript" src"./js/jquery-1.7.min.js"></script> //每一种都要引入juery的库
第一种方法 | 第二种方法 <script type="text/script"> | 第三种方法 <script type="text/javascript"> jQuery(function($){ trace("初始化的方法三"); }); function trace(obj){ console.log(obj); } </script> |
PS:不用jquery,在页面初始化的方法
1body里面写onload的方法 <body οnlοad="load()"> | 2.在脚本里写 window.οnlοad=function(){ alert("测试内容"); //要初始化的方法 } |
部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候用window.onload,其他情况下建议使用$(document)ready(function(){...});和$(function(){...})
jquery中$(document.ready( function(){} ))和window.onload的区别
1.执行时间
window.onload必须等到页面的内容(包括图片的所有内容)加载完毕之后才执行
$(document).ready( function(...) ) 是DOM结构绘制完毕之后就执行,不必等到加载完毕,执行速度相对快些
2编写个数的不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以编写多个,并且都可以得到执行。
3.简写方法
window.onload没有简写
$(document).ready(function (){...} ) 可以简写$(function(){...})