jQuery学习：onload和read区别（时间早晚监听个数）


	$(document).ready(function(){//文档加载完成
				
			})


			//简写
			$(function(){
				
			})


			window.onload=function(){
				
			}

3种方式只有onload找到了


			//直接打印
			console.log('直接',$('#logo').width());
			window.onload=function(){
				console.log('onload',$('#logo').width());
			}
			//简写
			$(function(){
					console.log('ready',$('#logo').width());
			})

需要清除缓存再次刷新


html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script src="js/jquery-3.6.1.js"">script>
 
	head>
	<body>
		
		<img id="logo" src="https://ts3.cn.mm.bing.net/th?id=OIP-C.-twYpD0GhflEq-oFA4ksFgHaK0&w=206&h=302&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" alt="网上的图片">
		<script>
			// 直接打印
			console.log('直接',$('#logo').width());
			window.onload=function(){
				//等所有数据加载完成才会执行
				console.log('onload',$('#logo').width());
			}
			//简写
			$(function(){
					console.log('ready',$('#logo').width());
			})
			// //针对对某张图片
			$('#logo').on('load',function(){
				console.log('img load',$(this).width());//图片加载完成绑定的监听
			})
		script>
body>
html>

说明：

window.onload

包括页面的图片加载完成后才会回调

只能有一个监听回调（只有一个）

$(doucment).ready()===$(function(){})

页面加载完成后（不管图片）就回调（早）

可以监听有多个监听回调（可以多个）


		
		<img id="logo" src="https://ts3.cn.mm.bing.net/th?id=OIP-C.-twYpD0GhflEq-oFA4ksFgHaK0&w=206&h=302&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" alt="网上的图片">
		<script>
			// 直接打印
			console.log('直接',$('#logo').width());
			window.onload=function(){
				//等所有数据加载完成才会执行
				console.log('onload',$('#logo').width());
			}
			window.onload=function(){
				//等所有数据加载完成才会执行
				console.log('onload2',$('#logo').width());
			}
			//简写
			$(function(){
					console.log('ready1',$('#logo').width());
			})
			$(function(){
					console.log('ready2',$('#logo').width());
			})
			// //针对对某张图片
			$('#logo').on('load',function(){
				console.log('img load',$(this).width());//图片加载完成绑定的监听
			})
		script>

相关阅读:
腾讯安全在2022：出租车、地铁和爆发的火山
CentOS拓展磁盘分区
康力源在创业板提交注册：预计全年收入同比下滑，衡墩建持股98%
Java IO流（下）
图论（强联通分量）
Linux 之 Ubuntu 代码开发工具 Visual Studio Code(VSCode) 的安装与一些常用插件配置的简单整理
【Python+百度API】实现人脸识别和颜值检测系统（包括人脸数量、年龄、颜值评分、性别、种族、表情检测）（超详细附源码）
oracle的join语法及行专列
2023/09/21 day5 qt
瑞吉外卖 —— 8、菜品展示、购物车、下单

原文地址：https://blog.csdn.net/weixin_47295886/article/details/127859447

jQuery学习：onload和read区别（时间早晚 监听个数）

jQuery学习：onload和read区别（时间早晚监听个数）