位置: 编程技术 - 正文

全面解析jQuery $(document).ready()和JavaScript onload事件(全面解析白羊座o型血女)

编辑:rootadmin

推荐整理分享全面解析jQuery $(document).ready()和JavaScript onload事件(全面解析白羊座o型血女),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:全面解析日本失去的十年,全面解析少女时代关系,全面解析韩国教育的特点,全面解析A型天秤座男,全面解析俄乌武器对比,全面解析vip,全面解析李可破格救心汤,全面解析俄乌武器对比,内容如对您有帮助,希望把文章链接给更多的朋友!

对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子:

如果这样,还没有等待元素加载完就给 div#panel 绑定了一个事件,浏览器Console中会报错: TypeError:

document.getElementById(...) is null

更改一下时机,下面三个程序都是可以成功绑定事件的,点击元素之后会弹出相应的alert().

把事件绑定放在body里,元素之后:

由于绑定事件在元素之后,所以可以成功获取 div#panel 的元素,并在 div#panel 上绑定点击事件。

把事件绑定放在window.onload中进行事件绑定:

window.onload 事件的处理函数则在页面所有元素加载完成之后才执行,所以这里给获取元素并绑定事件也是可行的。

jQuery $(document).ready()和window.onload

根据ready()方法的API说明 方法的作用是: Specify a function to execute when the DOM is fully loaded.即当DOM加载完毕的时候,执行这个指定的方法.因为只有document的状态ready之后,对元素的操作才是安全的. $(document).ready() 仅在DOM准备好的时候执行一次,但可以多次绑定 ready 事件。

与ready相比,load事件会等到页面渲染完成执行,即等到所有的资源(比如图片)都完全加载完成的时候才会执行。 $(window).load(function(){…}) 会等整个页面,不仅仅是DOM,还包括图像和iframes都准备好之后,再执行.而ready()是在DOM准备好之后就执行了,即DOM树建立完成的时候.所以通常ready()是一个更好的时机.

如果DOM初始化完成之后再调用ready()方法,传入的新的handler将会立即执行.

全面解析jQuery $(document).ready()和JavaScript onload事件(全面解析白羊座o型血女)

注意:ready()方法多次调用,传入的handler方法会串联执行(追加).而JavaScript中,window.onload是赋值一个方法,即后面的会覆盖掉前面的.

$(document).ready()的三种简写

$( document ).ready(handler)$().ready(handler)//(this is not recommended)$(handler)

window对象和document对象

Window对象表示浏览器中打开的窗口: 即事件,代表了各种状态: 事件: 事件是在加载完成后立即发生.(注意其中的l是小写).

支持该事件的标签是: <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支持该事件的JavaScript对象是: image, layer, window .注意这里并没有 document .

onload使用解析

最常用的就是 window.onload , 会等到整个页面及各种资源都加载完成之后再执行后面赋值的 function 行为.另外,可以在标签中使用 onload ,比如:

其中 inlineBodyOnloadTimeCounter() 是一个自定义的JavaScript function.

注意 jQuery ready() 的API文档中有这么一段:

The .ready() method is generally incompatible with the attribute. If load must be used, either do not use .ready() or use jQuery's .load() method to attach load event handlers to the window or to more specific items, like images.

注释: ready() 方法和 <body onload=""> 是不兼容的.

以上所述是小编给大家介绍的全面解析jQuery $(document).ready()和JavaScript onload事件的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery.Uploadify插件实现带进度条的批量上传功能 本文实例讲述了jQuery.Uploadify插件实现带进度条的批量上传功能。分享给大家供大家参考,具体如下:%@PageLanguage="C#"AutoEventWireup="true"CodeFile="UpLoad.aspx.cs"I

Jquery揭秘系列:ajax原生js实现详解(推荐) 讲到ajax这个东西,我们要知道两个对象XMLHTTPRequest和ActiveXObject,提供了对HTTP协议的完全的访问,包括做出POST和HEAD请求以及普通的GET请求的能力。可以

jquery模拟多级复选框效果的简单实例 今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就+行就over了。我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要

标签: 全面解析白羊座o型血女

本文链接地址:https://www.jiuchutong.com/biancheng/386649.html 转载请保留说明!

上一篇:jQuery提示插件qTip2用法分析(支持ajax及多种样式)

下一篇:jQuery.Uploadify插件实现带进度条的批量上传功能

  • 增值税专用发票抵扣期限
  • 税务纳税等级m级是什么等级
  • 自然人报税系统怎么进入单位报税系统
  • 网吧电脑折旧率
  • 污水处理税收优惠政策
  • 一般纳税人当月生效次月生效有什么区别
  • 想要自己开厂应该怎么做
  • 增值税专用发票可以开电子发票吗
  • 税收优惠形式包括
  • 房租发票上税的分录怎么写?
  • 贴现利息的计算题
  • 房租转租怎么处理合法
  • 个人投资收益要交所得税吗
  • 景区门票入什么费用
  • 一般纳税人企业所得税政策最新2023
  • 药用植物所
  • 高新企业境外所得缴纳企业所得税税率为多少
  • 在会计实务中财务报表附注的披露方法不包括
  • 公司的车卖了
  • 运费计入采购成本会计分录
  • 软件企业即征即退例题
  • 计提个人保险会计分录
  • 股东可以以知识产权作价出资吗
  • 对方开的销项负数抵扣联怎么处理
  • 建筑测量水准仪怎么读数
  • 原始凭证和记账凭证各应具备哪些内容
  • php数组函数输出《咏雪》里有多少"片"字
  • 桌面小工具怎么添加
  • 个人所得税手续费返还
  • 定金签合同能退吗
  • 股东未实缴资本,因为经营困难借给公司钱,可以要求返还
  • 进项税少入账如何处理
  • php伪静态规则写法
  • 材料明细账的登记范本手写
  • 营业外收支计算公式
  • php ladp
  • 个体工商户如何给员工交社保
  • php面向对象和面向过程
  • 房屋装修固定资产置换
  • addr指令
  • 律师事务所要交残保金吗
  • 汇算清缴有问题怎么办
  • 入库税款异常怎么处理
  • 商业折扣的会计分录
  • 新购买的发票如何读取
  • 食品财务走账
  • 余额百分比法计提坏账准备
  • sqlserver判断查询结果是否为空
  • 亏损企业所得税汇算清缴怎么做
  • 给员工的奖金计入什么科目
  • 物流辅助服务费属于什么费用
  • 相同的商品附带不同的赠品发布
  • 以前年度的银行流水可以补进来做账嘛
  • 收到运输服务发票怎么做账务处理呢
  • 股权转让的会计资料归谁所有
  • 人力成本费用率和人工成本利润率
  • 如何处理公益性岗位问题
  • 企业应付账款的借方余额反映的是
  • 预付账款是谁欠谁
  • mysql中mysqldump
  • win7怎么设置禁止安装软件
  • ubuntucommand not found
  • win7 64位系统使用百度影音播放视频没声音没画面的故障原因及解决方法
  • 电脑开机蓝屏怎么解决xp系统
  • winxp开启远程控制
  • win8系统远程桌面在哪里
  • 为什么没有win8系统
  • linux系统获取ip地址
  • linux系统的安装配置
  • 安卓开发者有多少
  • npm安装nodemodules
  • unity的shader用法
  • Python装饰器入门学习教程(九步学习)
  • python批量创建文件
  • unity星球模型
  • 安卓开源组件
  • 水电费收税
  • 物业管理用房如何申请
  • 图像信息采集照片
  • 破产清算处置资产增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设