03-$(document).reay()
发布日期:2021-06-29 17:32:09
浏览次数:2
分类:技术文章
本文共 1186 字,大约阅读时间需要 3 分钟。
页面载入
作者:曾庆林
DOM 1.0 加载方式
window.onload=init;function init(){ alert("abc");}window.onload=init2;function init2(){ alert("123");}
多次使用后面的方法会覆盖前面的方法
DOM 2.0 加载方式(W3C)
window.addEventListener("load",init,false);function init(){ alert("abc")}window.addEventListener("load",init2,false);function init2(){ alert(123);}
不兼容早期的ie浏览器
ie早期版本 加载方式
window.attachEvent("onload",init);window.attachEvent("onload",init2);function init(){ alert("abc")}function init2(){ alert(123);}
兼容方式写法
function addEvent(elem,type,fn){ if(elem.addEventListener){ elem.addEventListener(type,fn,false); }else if(elem.attachEvent){ elem.attachEvent("on"+type,fn); }} addEvent(window,"load",init1); addEvent(window,"load",init2);function init1(){ alert("abc")}function init2(){ alert(123);}
jQuery 页面加载写法
$(document).ready(function() { });
简写
$(function(){ });
总结
标题 | window.onload | $(document).ready() |
---|---|---|
执行时机 | 必须等待网页全部加载完毕(包括 图片等),然后再执行包裹代码 | 只需要等待网页中的DOM结构 加载完毕,就能执行包裹的代码 |
执行次数 | 只能执行一次,如果第二次,那么 第一次的执行会被覆盖 | 可以执行多次,第N次都不会被上 一次覆盖 |
图片切换案例
IT入门 感谢关注
练习地址:
转载地址:https://cpython.blog.csdn.net/article/details/108543531 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
关注你微信了!
[***.104.42.241]2024年04月14日 00时01分05秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
这位电子工程师,你不能错过。
2019-04-29
干货分享 JVM 之第 3 篇 —— Java 内存结构相关
2019-04-29
基于 Hystrix 高并发服务限流第 2 篇 —— 服务隔离(线程池隔离、信号量隔离)
2019-04-29
SpringBoot 整合 JWT 实现统一认证
2019-04-29
TypeError: this.getOptions is not a function
2019-04-29
el-table 二维数组合并行
2019-04-29
UR5e机械臂运行一直阻塞在waitForServer
2019-04-29
ROS把pkg1下的某个头文件和源文件生成动态链接库供pkg2调用
2019-04-29
使用urdf_tutorial快速可视化urdf文件
2019-04-29
SQl 数据完整性(随堂博客)
2019-04-29
左连接、右连接、内连接
2019-04-29
MySQL DQL语句基础(随堂博客)
2019-04-29
利用MySQL进行数据复杂查询(1)
2019-04-29
MySQL 表与表之间的关系
2019-04-29
pymysql 的基础应用
2019-04-29
Python 管理程序改进——连接MYSQL
2019-04-29
Python 爬虫-豆瓣影星图片下载
2019-04-29
网页端数据库操作界面—主题函数文件
2019-04-29
网页端数据库操作界面-Html页面(1)
2019-04-29