jQuery的window.onload和$(function(){})

 1 <script src="js/jquery-1.11.3.js"></script>
 2     <script>
 3         //在onload事件中,所有页面内容(html,css,js,图片)加载后执行:
 4         // 何时: 如果一个操作,必须等待css和图片加载后才能执行,应放在onload中
 5         window.onload=function(){alert("整个页面加载完成");}
 6     //在ready事件中显示DOM内容加载完成的时间html和js加载完毕,css未加载完都可以
 7         //如果一些初始化操作,不必等待css和图片,就可执行时,应放在DOMContentLoaded中提前执行:比如登陆注册
 8         $(function(){alert("Dom加载完成")});
 9     </script>
10  </head>
11  <body>
12   <h1>页面加载完成事件</h1>
13     <p>welcome to my first web page</p>

原文地址:https://www.cnblogs.com/shuen/p/8781148.html

时间: 2024-07-28 21:48:35

jQuery的window.onload和$(function(){})的相关文章

with(window) onload=onresize=function(){} 写法

with的用法: with(对象A) { 语句块 } 语句块中可以直接使用 对象A中的属性和方法 --------------------------------------------------------------------------------------------- 此句应该和window.onload=onresize=function(){} 应该相同吧

Jquery的window.onload实现

我们都知道jquery的$(document).ready(function(){});与window.onload不同,第一个是在DOM树构建完成后触发,第二个是页面完全加载后(包括图片等资源的加载)才触发. 那我们如何用jquery去实现window.onload呢,很简单,方法如下: $(window).load(function(){})

window.onload()和$(function(){});的区别

1.window.onload必须等到页面中所有元素加载完之后才会执行(包括图片.视频等)而$(function(){});是在结构绘制完毕之后执行,二者的执行时机是不同的,一般来说后者会首先执行 2.window.onload只能存在一个,即时存在多个也只会执行一个:而$(function(){})则可以存在多个,且多个都会执行: 3.window.onload只有一种写法,而$(function(){})可以写成:$(document).ready(function(){});效果一样.

window.onload和$(function(){})的区别介绍

window.onload=function{} 表示页面加载完了后(包括dom和js),再执行函数里面的内容: $(function(){}) 表示页面(dom)加载完了后,再执行函数里面的内容

window.onload() 和 $(function(){})

再使用 $(function(){})的时候,发现一直取不到元素.但是换成window.onload()则可以取到. 大概推测是页面加载问题,于是把js从header移到了footer,发现 $(function(){})也可以取到值了. 要说明的是这个元素是由与另一个js生成的. 查找两个方法的说明如下: (1)window.onload(): onload 属性在对象已加载时触发. onload 常用在 <body> 中,一旦完全加载所有内容(包括图像.脚本文件.CSS 文件等),就执行一

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()的区别

  body中的onload()和window.onload以及$(document).ready()的区别: 1.前两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,而且两者在各种浏览器中都兼容,而$(document).ready()表示的是JQuery中的一个方法因而只有在支持jQuery的浏览器中才适用,同时该方法是在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成. 2.当代码中同时存在body中的onload()和window.onload()要注意的 :

window.onload、DOMContentLoaded和$(document).ready()

window.onload.DOMContentLoaded和$(document).ready() <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <scr

一次性分清DOMContentLoaded、window.onload、style

简单来说 当onload事件触发时,页面上所有的DOM,样式表,图片,js等都完全加载完成: 当DOMContentLoaded事件触发时,仅仅是DOM加载完成,但不包括样式表,图片等: 先触发DOMContentLoaded事件,后触发load事件: 看个栗子: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />