onload、代码监测、绑定监听、h5标签、css可继承样式

本文介绍了前端开发中的关键概念,包括document.ready和window.onload的区别,前端代码异常监控的实践,如何给不存在的元素绑定监听事件,HTML5的新标签及其用途,以及CSS中可继承的样式属性。对于开发者来说,理解这些概念有助于提高页面加载效率和错误处理能力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.document.ready 、onload和 window.onload 的区别

document.ready方法在DOM树加载完成后就会执行,而window.onload是在页面资源(比如图片和媒体资源,它们的加载速度远慢于DOM的加载速度)加载完成之后才执行。也就是说$(document).ready要比window.onload先执行。
了解body的onload事件的执行时间是非常重要的。onload事件是在网页加载完毕时执行的。当我们在JavaScript中想要操作某元素时而此元素还没有加载完成(即没有这个元素),就会出现此元素没定义。在body中添加onload事件是指所有的元素都加载完成时触发此事件。

2、前端代码异常监控

(1) try-catch
这个方案不推荐。
原因如下:
没办法捕捉到全局的错误事件,只有 try-catch 块里面运行的错误才能被捕获到。
太麻烦,不可能每一个地方都用 try-catch
(2) window.onerror
推荐做法,也是我们目前的做法

我们先来看看这个事件的用法:

/*
 * @param msg{String}:错误消息
 * @param url{String}:发生错误页面的url
 * @param line{Number}:发生错误的代码行
 */

window.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值