jquery的$(document).ready()与js的window.onload区别
2024-10-18 22:27:44
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>ready和js中的onload的区别</title>
<script type="text/javascript" src="../Packages/jQuery.1.8.3/jquery-1.8.3.min.js"></script> <script type="text/javascript"> //js中window对象的onload属性执行jsFunction1函数
window.onload = jsFunction1; //js中window对象的onload属性执行jsFunction2函数
window.onload = jsFunction2; //jquery的ready方法执行jqFunction1函数
$(document).ready(jqFunction1); //jquery的ready方法执行jqFunction2函数
$(document).ready(jqFunction2); //jsFunction1函数
function jsFunction1() {
alert("jsFunction1");
} //jsFunction2函数
function jsFunction2() {
alert("jsFunction2");
} //jqFunction1函数
function jqFunction1() {
alert("jqFunction1");
} //jqFunction2函数
function jqFunction2() {
alert("jqFunction2");
}
</script> </head>
<body>
<h1>ready和js中的onload的区别</h1>
</body>
</html>
<!--说明-->
<!-- 1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行 3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){}); -->
<!--在IE中使用匿名函数的方式(window.onload = function () { ShowMes(); }),能看到文本-->
<!--在google中使用匿名和未使用匿名是一样效果,均是先true后文本-->
最新文章
- sql语句把字段中的某个字符去掉
- TFS更新
- iOS stretchableImageWithLeftCapWidth 图片放大不变形
- Windows8安装Oracle11.2.0.1-0624,附带 DBCA建库、netca创建监听、配置PLSQL、定义客户端的环境变量 NLS_LANG、定义客户端的环境变量 TNS_ADMIN01
- 从0到1一步步搭建代码质量检测系统~iOS
- diplay:table-cell和伪元素:after方法让图片居中
- react中对于context的理解
- SSRF
- Android设备管理器&mdash;&mdash;DevicePolicyManager
- PCIE 2.0协议概念基本科普
- 打开SharePoint 2013 web application显示iis 欢迎页面
- tp5 中使用自定义扩展类和函数
- sublime 代码段
- vsm安装
- HDU 4893 线段树的 点更新 区间求和
- Swift iOS 文件操作:沙盒(SandBox)、程序包(NSBundle)
- hdu 2544 最短路(两点间最短路径)
- 使用volley来json解析
- Java——线程间通信
- php比较全的友好时间显示
热门文章
- 排序算法(9)--Distribution Sorting--分布排序[1]--Counting sort--计数器排序
- Codeforces Round #545 (Div. 1) 简要题解
- js获取浏览器和设备相关width(屏幕的宽度)
- innerHTML在ie9有部分无法添加
- KCF的弊端
- Android网络编程系列之HTTP协议原理总结
- LeetCode题解之Rotated Digits
- 在 Azure 中将基础结构自动化工具与虚拟机配合使用
- linux 静态地址配置选项
- VMware 导出镜像文件供 Virtual Box 使用