第33日 我疯了集成平台(六)-步履轻盈JQuery(四)
6一个月28日本,天阴下雨。
“ 微雨过,小荷翻,榴花开欲燃。玉盆纤手弄清泉,琼珠碎却圆。”
古老的JavaScript,且乱且复杂。封装成库,青春焕发,这样人们就能够品尝到原汁原味的JQuery。地道的Dojo,或是正宗的ExtJS大餐...。来自全球各地JS框架的交汇,口味和风格也日益趋同。然而,总有新的创造和惊喜,那是我们乐此不疲的原因
。
日本人開始吃饭的时候,总要说一句"我开动了!"。那么,JQuery是怎么自己开动的?困扰非常多刚開始学习的人,
“孩子没娘,说来话长”,还要从Javascript说起...
一、JavaScript函数自己主动运行主要有下面方式:
1、window.onload
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我开动了</title>
<script src="js/jquery-1.8.3.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
function MyAutoRun()
{
window.alert("我开动了!");
}
window.onload=MyAutoRun; //仅须要加这一句
</script>
</head>
<body >
</body>
</html>
2、使用JS定时器来间断性的运行函数
把上面的window.onload=MyAutoRun;改为setTimeout("MyAutoRun()",1000); 这样就能够了。
3、改动网页的Body
改动网页的Body为:
<body onload="MyAutoRun();">
或者改为:
<body onload="javascript:MyAutoRun();">
4、调用匿名函数-这个是亮点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我开动了</title>
<script src="js/jquery-1.8.3.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
(function(){
window.alert("我开动了!");
})();
</script>
</head>
<body >
</body>
</html>
匿名函数的格式为:
(function(){
//代码
})();
匿名函数在定义之后马上运行,甚至不用赋一个变量。出如今函数声明之后的一对括号马上对函数进行了调用,即使括号内无不论什么值,但也能够赋值。
Javascript自调用匿名函数是其神来之笔。改写 匿名函数例如以下:
(function(arg){
alert(arg+"自调用的");
})("我开动了! ");
实际上,是加进去了一个參数。
也能够使用简单形式的封装调用:
var MyAutoRun = function() { return "我开动了!";} () ;
alert(MyAutoRun);
使用Function对象试一试,
var MyAutoRun = new Function("str","return str");
alert(MyAutoRun("我开动了! "));
二、JQuery自己主动运行
1、index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我开动了</title>
<script src="js/jquery-1.8.3.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
</script>
</head>
<body >
</body>
</html>
2、index.js
$(document).ready(function(){
window.alert("我开动了。");
});
上述代码中,
$(document).ready(function(){
//do something
})
类似于Javascript中的OnLoad事件
window.onload= function(){
window.alert("我开动了!!");
};
两者差别:一是ready,表示文档结构DOM已经载入完毕(不包括图片等非文字媒体文件),二是onload,指示页面包括图片等文件在内的全部元素都载入完毕。(能够说:ready 在onload 前载入。)
一旦文档全部的DOM元素载入完成后。就运行ready方法,该方法的參数是一个函数,使用匿名函数作为參数是最好的选择。
还能够简写成
$(function(){
window.alert("我开动了!");
});
也能够写成:
jQuery(function(){
window.alert("我开动了!");
});
版权声明:本文博主原创文章,博客,未经同意不得转载。
第33日 我疯了集成平台(六)-步履轻盈JQuery(四)的更多相关文章
- 打造实时数据集成平台——DataPipeline基于Kafka Connect的应用实践
导读:传统ETL方案让企业难以承受数据集成之重,基于Kafka Connect构建的新型实时数据集成平台被寄予厚望. 在4月21日的Kafka Beijing Meetup第四场活动上,DataPip ...
- Seatunnel超高性能分布式数据集成平台使用体会
@ 目录 概述 定义 使用场景 特点 工作流程 连接器 转换 为何选择SeaTunnel 安装 下载 配置文件 部署模式 入门示例 启动脚本 配置文件使用参数示例 Kafka进Kafka出的ETL示例 ...
- ThoughtWorks持续集成平台GO开源了
ThoughtWorks 持续集成平台Go最近宣布开源了.其基于Apache 2.0 开源协议. Go下载地址为http://www.go.cd/download/. 下面是几张来自官方的视图: GO ...
- AEAI BPM流程集成平台V3.0.2版本开源发布
本次开源发布的是AEAI BPMV3.0.2版流程平台,该版本是数通畅联首次正式对外发布的版本,产品现已开源并上传至开源社区http://www.oschina.net/p/aeai-bpm. 产品说 ...
- AEAI ESB V3.5.4开源发布,应用集成平台
AEAI ESB 应用集成平台为数通畅联的核心产品,本着分享传递的理念,数通畅联将ESB管理控制台项目开源,目的在于满足客户与伙伴的OEM需求,以及为广大IT爱好者的集成工具提供多一种选择,多一种便利 ...
- AEAI Portal V3.5.2门户集成平台发版说明
AEAI Portal门户集成平台为数通畅联的核心产品,本着分享传递的理念,数通畅联将Portal_server.Portal_portlet两个项目开源,目的在于满足客户与伙伴的OEM需求,以及为广 ...
- 使用jenkins构建持续集成平台
jenkins + Maven + svn/git + tomcat 的持续集成平台 项目管理流程: 需求分析----原型设计----开发代码----提交测试-----内部测试-----确认上线( ...
- <自动化测试方案_9>第九章、持续集成平台搭建
第九章.持续集成平台搭建 (一)什么是持续集成 参考文章地址:https://blog.csdn.net/qq_32261399/article/details/76651376 敏捷软件开发(英语: ...
- [WPF+Prism]WPF个人集成平台
前段时间学习了一下Prism,感觉应该找个机会实践一下,而且前段时间,贱内(希望我老婆看不到这篇文章:))让我帮她做个定时提醒的小工具,做好之后感觉以前做了好多自己能用的小工具,如果能够整合到一起,该 ...
随机推荐
- #ifndef#define#endif的用法-b
The special operator defined is used in #if and #elif expressions to test whether a certain name is ...
- Memcached(三)Memcached配置参数初解
一.基本参数在我们第一次安装Memcached时,一般都是用过这个命令: memcached -m 512 -u root -d -l 127.0.0.1 -p 11211 我们先来解释这几个参数的含 ...
- 理解Python的迭代器
首先,廖雪峰老师的教程中解释了迭代器和生成器,这篇文章只是补充和我个人的总结. 什么是迭代 可以直接作用于for循环的对象统称为可迭代对象(Iterable). 可以被next()函数调用并不断返回下 ...
- IP,TCP,UDP Checksum校验
IP数据报的校验: IP数据报只需要对数据头进行校验,步骤如下: 将接收到的数据的checksum字段设置为0 把需要校验的字段的所有位划分为16位(2字节)的字 把所有16位的字相加,如果遇到进位, ...
- hdu 4111 Alice and Bob
组合游戏题: 组合游戏的规则: 1.必败态的所有后继都是必胜态: 2.必胜态最少有一个必败的后继: 这里的必胜态是f[1][0][0][0]; 其中f[a][b][c][d]表示有a个1,b个2,c个 ...
- uva 1308 - Viva Confetti
这个题目的方法是将圆盘分成一个个圆环,然后判断这些圆环是否被上面的圆覆盖: 如果这个圆的圆周上的圆弧都被上面的覆盖,暂时把它标记为不可见: 然后如果他的头上有个圆,他有个圆弧可见,那么他自己本身可见, ...
- SQL2005 安装时 “性能监视器计数器要求(错误)” 解决方案
转自SQL2005 安装时 "性能监视器计数器要求(错误)" 解决方案 出现此类问题一般都是在非法卸载sql2005出现的 在 "开始" --> &qu ...
- SDUT 2351 In Danger
点我看题目 题意 : 有n个兵想要自杀,所以他们决定围成一个圈,从1开始一直环到n,然后每第2个开始自杀,但是有一个兵不想死,所以让你编程求出最后一个应该死的人的位置,这样的话就剩他自己他可以不自杀了 ...
- [wikioi]数的划分
http://wikioi.com/problem/1039/ 划分型DP.最终的思路是,F[i][j]表示i分成j份,如果分出来的有1,那么去掉1,就是F[i-1][j-1]:如果没有1,那就都减1 ...
- Android Mediaplayer各种属性和方法简单介绍
主要涉及类:MediaPlayer (1) 当一个MediaPlayer对象被创建或者调用reset()方法之后,它处于空闲状态,调用release()方法后处于结束状态 1,一个MediaPlaye ...