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(四)的更多相关文章

  1. 打造实时数据集成平台——DataPipeline基于Kafka Connect的应用实践

    导读:传统ETL方案让企业难以承受数据集成之重,基于Kafka Connect构建的新型实时数据集成平台被寄予厚望. 在4月21日的Kafka Beijing Meetup第四场活动上,DataPip ...

  2. Seatunnel超高性能分布式数据集成平台使用体会

    @ 目录 概述 定义 使用场景 特点 工作流程 连接器 转换 为何选择SeaTunnel 安装 下载 配置文件 部署模式 入门示例 启动脚本 配置文件使用参数示例 Kafka进Kafka出的ETL示例 ...

  3. ThoughtWorks持续集成平台GO开源了

    ThoughtWorks 持续集成平台Go最近宣布开源了.其基于Apache 2.0 开源协议. Go下载地址为http://www.go.cd/download/. 下面是几张来自官方的视图: GO ...

  4. AEAI BPM流程集成平台V3.0.2版本开源发布

    本次开源发布的是AEAI BPMV3.0.2版流程平台,该版本是数通畅联首次正式对外发布的版本,产品现已开源并上传至开源社区http://www.oschina.net/p/aeai-bpm. 产品说 ...

  5. AEAI ESB V3.5.4开源发布,应用集成平台

    AEAI ESB 应用集成平台为数通畅联的核心产品,本着分享传递的理念,数通畅联将ESB管理控制台项目开源,目的在于满足客户与伙伴的OEM需求,以及为广大IT爱好者的集成工具提供多一种选择,多一种便利 ...

  6. AEAI Portal V3.5.2门户集成平台发版说明

    AEAI Portal门户集成平台为数通畅联的核心产品,本着分享传递的理念,数通畅联将Portal_server.Portal_portlet两个项目开源,目的在于满足客户与伙伴的OEM需求,以及为广 ...

  7. 使用jenkins构建持续集成平台

    jenkins +   Maven + svn/git + tomcat 的持续集成平台 项目管理流程: 需求分析----原型设计----开发代码----提交测试-----内部测试-----确认上线( ...

  8. <自动化测试方案_9>第九章、持续集成平台搭建

    第九章.持续集成平台搭建 (一)什么是持续集成 参考文章地址:https://blog.csdn.net/qq_32261399/article/details/76651376 敏捷软件开发(英语: ...

  9. [WPF+Prism]WPF个人集成平台

    前段时间学习了一下Prism,感觉应该找个机会实践一下,而且前段时间,贱内(希望我老婆看不到这篇文章:))让我帮她做个定时提醒的小工具,做好之后感觉以前做了好多自己能用的小工具,如果能够整合到一起,该 ...

随机推荐

  1. #ifndef#define#endif的用法-b

    The special operator defined is used in #if and #elif expressions to test whether a certain name is ...

  2. Memcached(三)Memcached配置参数初解

    一.基本参数在我们第一次安装Memcached时,一般都是用过这个命令: memcached -m 512 -u root -d -l 127.0.0.1 -p 11211 我们先来解释这几个参数的含 ...

  3. 理解Python的迭代器

    首先,廖雪峰老师的教程中解释了迭代器和生成器,这篇文章只是补充和我个人的总结. 什么是迭代 可以直接作用于for循环的对象统称为可迭代对象(Iterable). 可以被next()函数调用并不断返回下 ...

  4. IP,TCP,UDP Checksum校验

    IP数据报的校验: IP数据报只需要对数据头进行校验,步骤如下: 将接收到的数据的checksum字段设置为0 把需要校验的字段的所有位划分为16位(2字节)的字 把所有16位的字相加,如果遇到进位, ...

  5. hdu 4111 Alice and Bob

    组合游戏题: 组合游戏的规则: 1.必败态的所有后继都是必胜态: 2.必胜态最少有一个必败的后继: 这里的必胜态是f[1][0][0][0]; 其中f[a][b][c][d]表示有a个1,b个2,c个 ...

  6. uva 1308 - Viva Confetti

    这个题目的方法是将圆盘分成一个个圆环,然后判断这些圆环是否被上面的圆覆盖: 如果这个圆的圆周上的圆弧都被上面的覆盖,暂时把它标记为不可见: 然后如果他的头上有个圆,他有个圆弧可见,那么他自己本身可见, ...

  7. SQL2005 安装时 “性能监视器计数器要求(错误)” 解决方案

    转自SQL2005 安装时 "性能监视器计数器要求(错误)" 解决方案 出现此类问题一般都是在非法卸载sql2005出现的 在 "开始" -->  &qu ...

  8. SDUT 2351 In Danger

    点我看题目 题意 : 有n个兵想要自杀,所以他们决定围成一个圈,从1开始一直环到n,然后每第2个开始自杀,但是有一个兵不想死,所以让你编程求出最后一个应该死的人的位置,这样的话就剩他自己他可以不自杀了 ...

  9. [wikioi]数的划分

    http://wikioi.com/problem/1039/ 划分型DP.最终的思路是,F[i][j]表示i分成j份,如果分出来的有1,那么去掉1,就是F[i-1][j-1]:如果没有1,那就都减1 ...

  10. Android Mediaplayer各种属性和方法简单介绍

    主要涉及类:MediaPlayer (1) 当一个MediaPlayer对象被创建或者调用reset()方法之后,它处于空闲状态,调用release()方法后处于结束状态 1,一个MediaPlaye ...