jQuery文档加载完毕的几种写法
js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}
jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大。
下面是我整理测试的结果。
<!DOCTYPE html>
<HTML lang="zh-CN">
<HEAD>
<meta charset="utf-8">
<TITLE>jQuery文档加载完毕的几种写法</TITLE>
</HEAD> <body style=" overflow-y:scroll;overflow-x:auto;">
<input type="text" id="dd1" value="" /> <textarea id="tt" cols="30" rows="30"></textarea> <script src="jquery.js"></script> <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++;
}; ;$().ready(function(){
var str=$("#tt").val()+'\r\n'+'$_J加载完毕'+i;
$("#tt").val(str);
i++;
}); ;(function(jQuery) {
var str=$("#tt").val()+'\r\n'+'$_K加载完毕'+i;
$("#tt").val(str);
i++;
})(); ;(function($) {
var str=$("#tt").val()+'\r\n'+'$_L加载完毕'+i;
$("#tt").val(str);
i++;
})(jQuery); ;(function() {
var str=$("#tt").val()+'\r\n'+'$_M加载完毕'+i;
$("#tt").val(str);
i++;
})(jQuery); ;(function(jQuery) {
var str=$("#tt").val()+'\r\n'+'$_N加载完毕'+i;
$("#tt").val(str);
i++;
})(jQuery); /*$().load(function() {
alert('ok');
});*/
/*window.onload = function () {
var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
document.getElementById("tt").value=str;
i++;
};*/ /*注意顺序,没有按照我们上面的顺序出来的,那就是本身加载有先后。
E、K、L、M、N是同一种方式,不同写法
D和I加载的是window,所以慢。 /iE下/
$_E加载完毕1
$_K加载完毕2
$_L加载完毕3
$_M加载完毕4
$_N加载完毕5
$_A加载完毕6
$_B加载完毕7
$_C加载完毕8
jQuery_F加载完毕9
jQuery_G加载完毕10
jQuery_H加载完毕11
$_J加载完毕12
js加载完毕13
$_D加载完毕14
jQuery_I加载完毕15 /firefox下/ $_E加载完毕1
$_K加载完毕2
$_L加载完毕3
$_M加载完毕4
$_N加载完毕5
$_A加载完毕6
$_B加载完毕7
$_C加载完毕8
jQuery_F加载完毕9
jQuery_G加载完毕10
jQuery_H加载完毕11
$_J加载完毕12
$_D加载完毕13
jQuery_I加载完毕14
js加载完毕15
*/
</script> </body> </HTML>
jQuery文档加载完毕的几种写法的更多相关文章
- 原生JS与jQuery文档加载完毕的写法
HTML是有执行顺序的,默认是自上而下执行.所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的 ...
- jquery文档加载几种写法,图片加载写法
jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函 ...
- JQuery文档加载完成执行js的几种方法
js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...
- JS/JQuery 文档加载完成
1. $(function(){...}); 文档树加载完执行的方法:(注意:不包括图片.css.js等文件): 一个页面中可以有多个$(function(){...}); 方法: 两种写法: //第 ...
- jQuery文档加载事件
$(document).ready(handler) $().ready(handler) (this is not recommended) $(handler) 相当于: $(document). ...
- jQuery在HTML文档加载完毕后自动执行某个事件;
原来onchange=“fucntionname(parms)”: <select name="country" id="selCountries_{$sn}&qu ...
- 用document.onreadystatechange和document.readyState确保文档加载完毕才获取DOM
document.onreadystatechange = function(){ //document.readyState有“interactive”和“complate”两个值 if(docum ...
- jQuery---jQ动画(普通,滑动,淡入淡出,自定义动画,停止动画),jQuery的事件,jQ事件的绑定/解绑,一次性事件,事件委托,事件冒泡,文档加载
jQuery---jQ动画(普通,滑动,淡入淡出,自定义动画,停止动画),jQuery的事件,jQ事件的绑定/解绑,一次性事件,事件委托,事件冒泡,文档加载 一丶jQuery动画 show,hide, ...
- 基于DOMContentLoaded实现文档加载完成后执行的方法
我们有时可能需要一些在页面加载完成之后执行的方法,其实js原生就提供了onload方法,所以我们最简单的办法就是直接给onload赋值一个函数,在页面加载完成之后就会自动执行 widnow.onloa ...
随机推荐
- Deeplearning原文作者Hinton代码注解
[z]Deeplearning原文作者Hinton代码注解 跑Hinton最初代码时看到这篇注释文章,很少细心,待研究... 原文地址:>http://www.cnblogs.com/BeDPS ...
- Case 架构的实际应用-1
We use testlink to manage cases, and the frame is below: Project Name -All Features(Modules) -Featur ...
- POJ 3468 A Simple Problem with Integers (伸展树区间更新求和操作 , 模板)
伸展数最基本操作的模板,区间求和,区间更新.为了方便理解,特定附上一自己搞的搓图 这是样例中的数据输入后建成的树,其中的1,2是加入的边界顶点,数字代表节点编号,我们如果要对一段区间[l, r]进行操 ...
- ubuntu添加环境变量【原创】
cpro放到环境变量里,并且加上可执行权限如果在本地添加,则需mkdir ~/bin mv cpro /home/zhangbh/bin/vi ~/.bashrcexport PATH=/usr/lo ...
- 图片处理工具类 - ImageUtils.java
纯JAVA实现的图片处理工具类,提供图片的裁剪.压缩.获取尺寸.制作圆角等方法. 源码如下:(点击下载 -ImageUtils.java .FolderUtils.java .commons-io-2 ...
- [CF189A]Cut Ribbon(完全背包,DP)
题目链接:http://codeforces.com/problemset/problem/189/A 题意:给你长为n的绳子,每次只允许切a,b,c三种长度的段,问最多能切多少段.注意每一段都得是a ...
- leetcode:Add Two Numbers
题目描述:You are given two linked lists representing two non-negative numbers. The digits are stored in ...
- 二维线性表 list实现
class Coordinate{ private int x; private int y; } List<Coordinate> list=new ArrayList<Coord ...
- JQuery_给元素添加或删除类等以及CSS()方法
一.addClass() - 向被选元素添加一个或多个类 <script src="jquery-1.11.1.min.js"></script> < ...
- POJ 3468 (线段树 区间增减) A Simple Problem with Integers
这题WA了好久,一直以为是lld和I64d的问题,后来发现是自己的pushdown函数写错了,说到底还是因为自己对线段树理解得不好. 因为是懒惰标记,所以只有在区间分开的时候才会将标记往下传递.更新和 ...