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. jedis源码阅读

    package redis.clients.jedis; import java.util.ArrayList; import java.util.HashSet; import java.util. ...

  2. IP,TCP,UDP Checksum校验

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

  3. spring mvc 配置

    之前配置spring mvc 怎么都访不到对应的jsp,后来把prefix里面的jsp改为views,就能访问到了,然后再改回jsp也可以访问到 搞了两天,都崩溃了,不管怎样先把没问题的例子给记录下来 ...

  4. Web应用的组件化（二）

    管控平台 在上一篇中我们提到了组件化的大致思路,这一篇主要讲述在这么做之后,我们需要哪些外围手段去管控整个开发过程.从各种角度看,面对较大规模前端开发团队,都有必要建立这么一个开发阶段的协作平台. 在 ...

  5. Code First 指定外键名称

    指定类外键有注释(DataAnnotation)和FluentAPI两种方式, 目前掌握的知识我们先把DataAnnotation可用的四种方式总结如下 第一种方法: //1-指定导航属性,会自动生成 ...

  6. 如何把关联性的告警智能添加到 Nagios 上？（2）

    上节回顾 对于许多 IT 和运维团队来说,Nagios 既是一个福音也是一个诅咒.一方面,Naigos 在 IT 应用的工作领域中,给予了你可以实时查看告警数据的可能性:但是另一方面,Nagios 也 ...

  7. easyui datagrid单击单元格选择此列

    示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...

  8. [topcoder]KingdomReorganization

    http://community.topcoder.com/stat?c=problem_statement&pm=11282&rd=14724 这道题是最小生成树,但怎么转化是关键. ...

  9. [LeetCode#156] Binary Tree Upside Down

    Problem: Given a binary tree where all the right nodes are either leaf nodes with a sibling (a left ...

  10. HDU 5938 Four Operations 【贪心】（2016年中国大学生程序设计竞赛（杭州））

    Four Operations Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)T ...