一、在写JQuery的过程中,一定少不了使用页面加载事件,而在使用起来的时候总是忘记,今天正好来总结一下也方便以后忘的时候回头看看:

1、DOM页面加载事件:

window.onload=function(){
	console.log("我是Dom页面加载事件");

说明:页面全部加载完毕才触发(标签、文字、图片、引入的文件),即所有页面元素加载完毕,并且引用的外部资源下载完毕后才触发,会引起覆盖问题,onload不仅仅可以应用于window,也可以用于其它的一些标签。

2、jQuery的页面加载事件:(第一种)

$(window).load(function(){
	console.log("我是jQuery的页面加载事件");

说明:jQuery中第一种页面加载事件,加载所有的内容。

3、jQuery的页面加载事件:(第二种)

$(document).ready(function(){
	console.log("jQuery的页面加载事件");

说明:比上面的快,页面中的基本的元素加载后就触发。

4、jQuery的页面加载事件:(第三种)

jQuery(function(){
	console.log("jQuery的页面加载事件");
//另一种写法:
$(function(){
	console.log("jQuery的页面加载事件");

说明:页面的基本元素加载后就触发。

二、两者区别的简单说明:

1、表达的意思不同:

  • onload:指页面包含图片等文件在内的所有元素都加载完成。
  • ready:表示文档结构已经加载完成(不包含图片等非文字媒体文件)。

2、应用场景不同:

  • Dom Load是在整个document文档(包括了加载图片等其他信息)加载完成后就可以直接对dom进行操作,比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式。
  • Dom ready是在dom加载完成斥候可以直接对dom进行操作,比如一张图片只要<img>标签加载完成,不用等这个图片加载完成就可以设置图片的宽高属性或样式。

你要去做一个大人,不要回头,不要难过。

“我真的很喜欢你,像风走了八千里,不问归期。”

一、在写JQuery的过程中,一定少不了使用页面加载事件,而在使用起来的时候总是忘记,今天正好来总结一下也方便以后忘的时候回头看看:1、DOM页面加载事件:window.onload=function(){ console.log("我是Dom页面加载事件");}说明:页面全部加载完毕才触发(标签、文字、图片、引入的文件),即所有页面元素加载完毕,并且引用的外部资源下载完毕后才触发,会... window.onload 与 jQuery ready() 区别 window.onload = function () {}; // JavaScript $(document).ready(function () {}); // jQuery 以上两种方式都是在 HTML 文档完毕后再执行 DOM 操作,但它们还是有一定的区别,如下图: (document).ready(function()),(document).ready(function(){}),(document) <body onload = “函数()”> window.onload = function(){} 加载事件作用:使得html和css代码先执行,最后执行javascript代码。 1.jquery加载事件实现 ① $(document).ready(function处理); $(document)是把document的dom对象变为jquery...
HTML是有执行顺序的,默认是自上而下执行。所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的时候才去执行js代码,所以通常我们会这样做: 一、当不引入jQuery框架,只写原生JS代码时,需要用window对象的onload事件 window.onload = functi...
解决Github:fatal:unable to access ‘https://github.com/.../.git‘:Could not resolve host:github.com 46058 解决Github:fatal:unable to access ‘https://github.com/.../.git‘:Could not resolve host:github.com 大白是无敌的: 查了没有代理,但是把你博客里的指令都执行了一遍,可以了。谢谢博主表情包 Object.assign()到底是浅拷贝还是深拷贝?【Object.assign()的用法】 平凡的魔术师: 你说的不对,作者没问题 CSS 的 linear-gradient() 线性渐变函数(带例子) star_boom: 必须给大大的一个点赞表情包 电脑鼠标右键失效解决办法【记录】 guankuo333: 引用「Windows Registry Editor Version 5.00[HKEY_CLASSES_」 感谢分享,非常感谢 Java 中方法返回值前<T>的作用【泛型】 inforest27: 其实就是泛型方法的概念