广西学校网站建设,常州网站关键词优化软件,石家庄网页,建立网站邮箱一、加载DOM 在页面加载完毕后#xff0c;浏览器会通过javaScript为DOM元素加载事件#xff0c;在js中通常使用window.οnlοadfunction(){...}方法#xff0c;在JQuery中使用$(document).ready(function(){...})#xff0c;或简写成$(function{...})#xff0c;这个方法使…一、加载DOM 在页面加载完毕后浏览器会通过javaScript为DOM元素加载事件在js中通常使用window.οnlοadfunction(){...}方法在JQuery中使用$(document).ready(function(){...})或简写成$(function{...})这个方法使得在DOM载入就绪时就对其进行操作并调用执行所绑定的方法。 两者区别 1执行时机 前者必须等待网页中所有的内容包括图片加载完毕后才能执行后者网页中所有的DOM结构绘制完毕后就执行可能DOM元素关联的东西并没有加载完。 要想达到window.onload效果可以使用jQuery中的load方法将处理函数绑定给window对象如$(window).load(function(){...}) 2多次使用 window.onload只能编写一次如果网页中有两个函数则只有第二个有效因为js的onload事件一次只能保存对一个函数的引用会自动覆盖前面的函数 $(document).ready()则可以编写多次每次调用$(document).ready()方法都会在现有行为上追加新的行为这些函数根据注册顺序依次执行 3简写方式 $(document).ready(function(){//编写代码 }); 简写为 $(function(){ //编写代码 }) 另外当$()不带参数时默认的是document因此也可以简写成 $().ready(function(){ //编写代码 }); 转载于:https://www.cnblogs.com/zhangchunxi/p/4043156.html
