JQuery文档加载完成执行js的几种方法
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
*/
</script>
Java Swing中的透明窗体(Windows中消息提示框的制作) http://www.linuxidc.com/Linux/2014-04/99622.htm
用Java Swing编写简单的测试小工具界面(源码) http://www.linuxidc.com/Linux/2012-11/73566.htm
Java 学习之 Swing 编程 http://www.linuxidc.com/Linux/2014-05/101049.htm
本文永久更新链接地址:http://www.linuxidc.com/Linux/2014-11/109189.htm
JQuery文档加载完成执行js的几种方法的更多相关文章
- jquery文档加载几种写法,图片加载写法
jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函 ...
- jQuery文档加载完毕的几种写法
js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...
- 原生JS与jQuery文档加载完毕的写法
HTML是有执行顺序的,默认是自上而下执行.所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的 ...
- JS/JQuery 文档加载完成
1. $(function(){...}); 文档树加载完执行的方法:(注意:不包括图片.css.js等文件): 一个页面中可以有多个$(function(){...}); 方法: 两种写法: //第 ...
- jQuery文档加载事件
$(document).ready(handler) $().ready(handler) (this is not recommended) $(handler) 相当于: $(document). ...
- 脚本加载后执行JS回调函数的方法
动态脚本简单示例 // IE下: var HEAD = document.getElementsByTagName('head')[0] || document.documentElement var ...
- 使用getScript()方法异步加载并执行js文件
使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(u ...
- VS2010 release编译下进行调试,“当前不会命中任何断点,还没有为文档加载”问题解决方案
在release模式下调试程序,经常出现"当前不会命中任何断点,还没有为文档加载"的问题,可尝试以下方法: 1. 属性 → 配置属性 → C/C++ → 常规 → 调试信息格式:选 ...
- js 文档加载完成之后执行 备用
//文档加载完成之后执行 (function(){ var _globeCallback; window.$$ = function(callback){ _globeCallback = callb ...
随机推荐
- 递归删除目录下.svn文件
原文:http://imysqldba.blog.51cto.com/1222376/1104901 ------------------------------------------------- ...
- InnoDB: Error: Table "mysql"."innodb_table_stats" not found.
1,Mysqldump的时候报错例如以下: 2014-05-05 14:12:37 7f004a9a2700 InnoDB: Error: Table "mysql"." ...
- HDOJ题目4417 Super Mario(划分树求区间比k小的个数+二分)
Super Mario Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Tota ...
- using gdb to debug c program
#include <stdio.h> static void display(int i, int *ptr); int main(void) { int x = 5; int *xptr ...
- vmware里面的linux怎么和windows相互传文件
我们常常遇到这样的问题.高版本号的vmware遇到低版本号的linux.使用起来就比較抠脚,比方低版本号的linux安装在高版本号的vmware里. 1.不能全屏显示虚拟机 2.每次切换出来.总要按一 ...
- requireJS defined undefined
requeireJS 在使用时,在 defined 注入一个依赖,路径正确,却发现获得的值却是 undefined .这时候就要考虑是否是“循环依赖”的原因了. 循环依赖就是: a.js 依赖了 b. ...
- Linux设备驱动模型【转】
本文转载自:http://blog.csdn.net/xiahouzuoxin/article/details/8943863 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+ ...
- Changing the Output Path in your Web Applications is a bad idea
http://lnbogen.com/2006/09/20/changing-the-output-path-in-your-web-applications-is-a-bad-idea/ Let’s ...
- 【Bzoj2456】mode
Position: http://www.lydsy.com/JudgeOnline/problem.php?id=2456 List Bzoj2456 mode List Description S ...
- python lambda表达式&map/filter/reduce
习条件运算时,对于简单的 if else 语句,可以使用三元运算来表示,即: 1 2 3 4 5 6 7 8 # 普通条件语句 if 1 == 1: name = 'wupeiqi' else ...