设为首页 收藏本站

运维网

 找回密码
 立即注册
查看: 1205|回复: 0

[经验分享] jQuery文档加载完毕的几种写法

[复制链接]
忧郁者

尚未签到
发表于 2017-6-23 10:51:30 | 显示全部楼层 |阅读模式
　　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>
<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
*/











/*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
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
*/
</script>





返回




























    推荐文章:



  • 乔布斯之作初体验
  • 深入浅出VMware的组网模式
  • hibernet实体类返回的list，是否需要判空?
  • Struts2和Spring整合
  • 不是历史的巧合，而是人性的雷同
  • IEEE 802.1d生成树协议小解
  • 基于隧道的VPN宏观总结-附cisco的vti方案
  • Linux桥设备以及iptables的效率的一些问题



  • 初探BSD的ipfw防火墙
  • 用进化的观点学习网络协议
  • Spring的配置文件，可以用applicationContext.xml+applicationContext.properties
  • 关于tcp的点滴
  • 重读鲁迅
  • 软件测试自动化之路(8)----如何做更好的GUI Automation Testing
  • ebtables的OUTPUT链DNAT问题
  • 实现透明防火墙的必备知识-Bridge Filter半景







【上篇】杀戮地带2的渲染技术（Rendering_Technology_Of_Killzone_2）
【下篇】内存条 主板 CPU总线频率










作者: ballpoint


  • 该日志由 ballpoint 于3年前发表在综合分类下，最后更新于 2013年08月23日.
  • 转载请注明: jQuery文档加载完毕的几种写法 | 学步园 +复制链接








抱歉!评论已关闭.







本站推荐








  • 作业的提交和监控（二）


  • 作业的提交和监控（一）


  • Electric-fence 介绍


  • 原子操作浅谈


  • C++模板显式实例化


  • Hadoop Local 模式运行 Pipes 程


  • Hadoop I/O 上 SequenceFile 类


  • Boost – Function 分析


  • 作业的提交和监控（二）


  • 作业的提交和监控（一）


  • Electric-fence 介绍


  • 原子操作浅谈


  • C++模板显式实例化


  • Hadoop Local 模式运行 Pipes 程


  • Hadoop I/O 上 SequenceFile 类


  • Boost – Function 分析







随便看看






      • c++ to vb
      • c# 端口扫描
      • centos虚拟机
      • c++ bitset
      • c# 关闭线程
      • boa移植
      • blog 数据库设计
      • asp.net 跳转
      • asp.net 免费空间
      • apache lucene
























  • web前端
  • 数据库
  • 编程语言
  • 搜索技术
  • 关于本站


运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.iyunv.com/thread-387242-1-1.html 上篇帖子： window xshell 连接本地ubuntu虚拟机 下篇帖子： virtualBox上虚拟机和主机互联{}
回复

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群，最新一手资源尽在官方微信交流群！快快加入我们吧...

扫描微信二维码查看详情

客服 E-mail:iyunvcom@gmail.com

本站由青云提供云计算服务

运维网--中国最专业的运维工程师交流社区

豫ICP备20007574号-1 Copyright © 2012-2025

关于我们

发展历程

联系我们

关注我们

广告服务

广告案例

隐私条款

免责声明

用户登录

用户注册

版主守则

申请版主

手机版

金币获取

帮助中心

每日签到

Good Good

Study

Day Day

UP


客服E-mail:kefu@iyunv.com 客服QQ：1061981298


QQ群⑦：运维网交流群⑦ QQ群⑧：运维网交流群⑧ k8s群：运维网kubernetes交流群


提醒：禁止发布任何违反国家法律、法规的言论与图片等内容；本站内容均来自个人观点与网络等信息，非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来，其版权均归原作者及其网站所有，我们尊重他人的合法权益，如有内容侵犯您的合法权益，请及时与我们联系进行核实删除！



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表