JavaScript DOM（一）--页面加载完成事件与获取元素节点

最新推荐文章于 2024-07-23 15:44:55 发布

kylin_zdd1993

最新推荐文章于 2024-07-23 15:44:55 发布

阅读量9.6k

点赞数 2

文章标签： javascript DOM jQuery

本文链接：https://blog.csdn.net/sdust_jsj/article/details/73136114

版权

本文探讨了JavaScript中的window.onload与$(document).ready()两种页面加载完成事件的区别，并详细介绍了DOM获取元素节点的四种方法：getElementsByName、getElementsByTagName、getElementById和getElementsByClassName。同时提到了相关jQuery写法及兼容性问题。

摘要由CSDN通过智能技术生成

window.onload与$(document).ready()比较

比较项\js or jQuery	window.onload	$(document).ready()
执行时机	需要等到网页中所有内容加载完成后执行（包括图片）	网页中DOM结构绘制完成后执行
编写个数	不能同时编写多个	可以同时编写执行多个
简化写法	无	$(document).ready(function() {}) 简写为 $(function(){})

注：
如果在body上监听了onload事件，window.onload事件将不再触发。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery ready与js onload</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <script type="text/javascript">
        console.log('begin.time:', Date.now());
        window.onload = function () {
            console.log(&