jQuery文档加载完毕的几种写法
js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}
jQuery中有好多写法，平时也不注意，别人一问，还真觉得头大。
下面是我整理测试的结果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>
</head>
<body style=" overflow-y:scroll;overflow-x:auto;">
<input type="text" id="dd1" value="" />
<textarea id="tt" cols="30" rows="30"></textarea>
</body>
</html>
<script>
var i=1;
//jQuery方式
$(document).ready(function(){
var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;
$("#tt").val(str);
i++;
});
$(function(){
var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;
$("#tt").val(str);
i++;
}) ;
$(function($) {
var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;
$("#tt").val(str);
i++;
});
$(window).load(function() {
var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;
$("#tt").val(str);
i++;
});
(function() {
var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;
$("#tt").val(str);
i++;
})(jQuery)
////////////////////jQuery与别名$可互通/////////////////////////////////
jQuery(document).ready(function(){
var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;
$("#tt").val(str);
i++;
});
jQuery(function() {
var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;
$("#tt").val(str);
i++;
})
jQuery(function($) {
var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;
$("#tt").val(str);
i++;
});
jQuery(window).load(function() {
var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;
$("#tt").val(str);
i++;
});
//js方式
window.onload = function () {
var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
document.getElementById("tt").value=str;
i++;
};
/*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。 D和I加载的是window，所以慢。 $_E加载完毕1 $_A加载完毕2 $_B加载完毕3 $_C加载完毕4 jQuery_F加载完毕5 jQuery_G加载完毕6 jQuery_H加载完毕7 js加载完毕8 $_D加载完毕9 jQuery_I加载完毕10 */
参考出处：http://www.cnblogs.com/alex-toni/p/5805918.html
=====================================================
方式1：
$(function(){
initPublish();
});
initPublish();
});
说明： initPublish() 即为你要运行的JS函数；这段代码，放在页面最低端。
方式2：
$(document).ready(function () {
// add your code here
initPublish();
$(.a).click( function (){
// add your code here
});
});
// add your code here
initPublish();
$(.a).click( function (){
// add your code here
});
});
方式3：
window.onload = function (){
// add your code here
}
// add your code here
}
参考出处：http://www.jb51.net/article/48140.htm
如果，您希望更容易地发现我的新博客，不妨点击一下绿色通道的【关注我】。(●'◡'●)
因为，我的写作热情也离不开您的肯定与支持，感谢您的阅读，我是【Jack_孟】！
本文来自博客园，作者：jack_Meng，转载请注明原文链接：https://www.cnblogs.com/mq0036/p/6278552.html
【免责声明】本文来自源于网络，如涉及版权或侵权问题，请及时联系我们，我们将第一时间删除或更改！
posted on 2017-01-12 15:48 jack_Meng 阅读(3353) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？