js页面加载的几种方式的速度: window.onload、 $(window).load、 $(function(){})、 $(document).ready(function () {})、onload=‘asd()’
2024-09-05 06:21:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> </head>
<body onload="aaa()">
<div >
<p>hello world!</p>
</div>
<script type='text/javascript'> window.onload = function(){
alert("页面加载完成====》onload");//速度次之使用jQuery对象,页面加载完毕【DOM tree + 外部图片 + 资源】
} $(window).load(function(){
alert("jquery===》window load" ); //速度次之使用DOM对象,页面加载完毕【DOM tree + 外部图片 + 资源】
})
$(function(){
alert("jquery====》document onload");//速度并列第一,DOM结构加载完毕之后【浏览器把所有的HTML放入DOM tree之前就开始执行】
});
$(document).ready(function () {
alert("jquery====》document ready");//速度并列第一,DOM结构加载完毕之后【浏览器把所有的HTML放入DOM tree之前就开始执行】
}); function aaa(){
alert("静态标签====》onload"); //速度最慢,一般绑定在<body onload="aaa()">等待body加载完成,就会执行aaa()方法。但是与window.onload方法冲突,会造成在后面的覆盖前面的。二者只能存在一个。
}
</script>
</body>
</html> 操作前记得引入jq包。
一般我们在使用的时候,用的是:
$(function(){
$("#a").click(function(){
//adding your code here
});
});
最新文章
- Tomcat部署Solr4.10.4
- JS-定时器管理实例
- echarts 地图图
- volley+NetworkImageView实现列表界面的列表项中的左侧图标展现之【实现已经加载的列表项的图标上翻的时候不重新加载】
- NDK Dev
- java.lang.NoClassDefFoundError: org/apache/juli/logging/LogFactory
- gradle的安装,配置,构建,研究,初体验......(入职一周研究的第一个大知识点)
- vue-router组件重用 路由切换时的问题
- 数据结构Java实现04---树及其相关操作
- 安装v2ray+SwitchyOmega使用谷歌***
- std::shared_ptr 和普通指针的转换
- tensorflow笔记6:tf.nn.dynamic_rnn 和 bidirectional_dynamic_rnn:的输出,output和state,以及如何作为decoder 的输入
- 如何彻底卸载mysql(xp)
- MongoDB的web可视化管理工具
- 在android应用程序中启动其他apk程序
- 动态页面技术之JSP
- Erstudio8.0怎么用?Erstudio8.0汉化版详细使用教程
- IPv4地址范围和一些小知识
- Apache 配置代理服务
- php第五节(字符串函数和时间、日期函数)