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 ...
随机推荐
- Linux下汇编语言学习笔记71 ---
这是17年暑假学习Linux汇编语言的笔记记录,参考书目为清华大学出版社 Jeff Duntemann著 梁晓辉译<汇编语言基于Linux环境>的书,喜欢看原版书的同学可以看<Ass ...
- 洛谷 P2683 小岛
P2683 小岛 题目背景 西伯利亚北部的寒地,坐落着由 N 个小岛组成的岛屿群,我们把这些小岛依次编号为 1 到 N . 题目描述 起初,岛屿之间没有任何的航线.后来随着交通的发展,逐渐出现了一些连 ...
- Ubuntu 16.04禁用来宾账号(Guest User)
1.打开50-ubuntu.conf sudo vim /usr/share/lightdm/lightdm.conf.d/50-ubuntu.conf 2.在最后加入 allow-guest=fal ...
- A Complete Guide to Usage of ‘usermod’ command– 15 Practical Examples with Screenshots
https://www.tecmint.com/usermod-command-examples/ -------------------------------------------------- ...
- Solidworks如何另存为和打开OBJ文件
1 点击工具-插件,勾选ScanTo3D(最好后面的启动也勾选上,否则下次启动将不会默认自动启动这个插件,还需要再做一次才能打开或者另存为OBJ) 2 注意打开零件图的方式,你不能直接打开Soli ...
- Javascript MVC 学习笔记(三) 视图和模板
模板 Javascript中模板的核心概念是,将包括模板变量的HTML片段和Javascript对象做合并.把模板变量替换为对象中的属性值. 书中讲到了几种库作为模板引擎,可是链接失效了.能够在这里下 ...
- VB Socket编程 框架
[转载]VB Socket编程 框架 (2014-07-15 20:06:28) 转载▼ 标签: 转载 原文地址:VB Socket编程 框架作者:安静的浪花 VB Socket编程(Winsoc ...
- CocoaPods 的安装和使用介绍
CocoaPods 的安装和使用介绍 安装 安装方式异常简单 , Mac 下都自带 ruby,使用 ruby 的 gem 命令即可下载安装: 1 2 $ sudo gem install cocoap ...
- java中inputstream的使用
java中的inputstream是一个面向字节的流抽象类,其依据详细应用派生出各种详细的类. 比方FileInputStream就是继承于InputStream,专门用来读取文件流的对象,其详细继承 ...
- LeetCode 804. Unique Morse Code Words (唯一摩尔斯密码词)
题目标签:String 题目给了我们 对应每一个 字母的 morse 密码,让我们从words 中 找出 有几个不同的 morse code 组合. 然后只要遍历 words,把每一个word 转换成 ...