5.js与jQuery入口函数执行时机
2024-08-30 06:46:55
js与jQuery入口函数执行时机区别:
JS入口函数是在所有资源加载完成后,才执行。(包括:页面、外部js文件、外部css文件、图片)
jQuery入口函数,是在文档加载完成后就执行。文档加载完成指的是:DOM树加载完成后,就可以操作DOM了,不用等到所有的外部资源都加载完成。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
<style>
div{
width: 100px;
height: 100px;
margin-bottom: 10px;
}
.div1{
background: red;
}
.div2{
background: blue;
}
.div3{
background: green;
} </style>
<script>
//js
// window.onload = function () {
// //alert($(".div3").width())
// alert(document.getElementsByTagName("div")[2].clientWidth);
// }
//jquery
$(document).ready(function () {
//alert($(".div3").width());
alert(document.getElementsByTagName("div")[2].clientWidth);
})
</script>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
最新文章
- Java中instanceof和isInstance区别详解
- AB窗体互传参数
- HTML 的 meta 标签
- servlet监听器Listener(理论+例子)
- cf558c(bfs)
- WPF:依赖属性的数据绑定
- Qt下QWizard改变next,back等默认按钮的大小及背景
- XGBoost参数
- linux C编程之makefile
- Java之序列流SequenceInputStream
- 看原理图之UART
- php设计模式:工厂模式
- Eclipse的设置小细节提高开发效率
- javascript随机将第一个dom中的图片添加到第二个div中去
- wcf长连接
- 中介者模式(Mediator) 笔记
- 代理模式与java中的动态代理
- AVS、MPEG-2、H264标准文档
- Educational Codeforces Round 52 (Rated for Div. 2)
- 微服务化不同阶段 Kubernetes 的不同玩法
热门文章
- 如何使用ThinkPHP5 ,自动生成目录?
- Java多线程-线程的调度(让步)
- js中 visibility和display的区别 js中 visibility和display的区别
- 【原创】5. MYSQL++ mysql_type_info类型
- POJ1039几何
- 主机不能访问虚拟机中的web服务【解决方案】
- lambda,map,filter,reduce
- Entity Framework 6.0 Tutorials(5):Command Interception
- 如何处理与开发有争议的Bug?
- ASP.NET Web Pages (Razor) FAQ