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. 第 3 章 单例模式【Singleton Pattern】

    以下内容出自:24种设计模式介绍与6大设计原则 这个模式是很有意思,而且比较简单,但是我还是要说因为它使用的是如此的广泛,如此的有人缘,单例就是单一.独苗的意思,那什么是独一份呢?你的思维是独一份,除 ...

  2. DZ的伪静态神马的终于OK了

    十分感谢开发“凤凰图集”的onexin团队!帮忙搞定了伪静态!这玩意儿折腾了俺好多功夫,人家瞬间就搞定.

  3. keybd_event函数用法

    转自不用winio,直接达到驱动级模拟键盘效果的keybd_event函数用法 键盘模拟技术是在编写游戏外挂时经常使用的技术.但是由于很多游戏采用了directinput的方式,使得发送的一般键盘消息 ...

  4. javascript中通过replace函数搜索和替换指定字符串

    javascript中我们可以通过replace函数替换部分字符串为指定字符串,本文展示了replace的详细用法,并且通过范例演示了如何进行部分替换.完整替换和不区分大小写替换. javascrip ...

  5. Visual Studio 2015 Update 1 成功安装后运行 “出现未能正确加载[XXXX]包,此问题可能是由配置更改或安装另一个扩展导致的。” 可能的解决方法

    作死装Visual Studio 2015 update 1.安装过程中虽然波澜不惊,但是安装之后运行回报未能正确安装[XXXX]包.找了半天,在stackoverflow中找到了相关的问题,在问题描 ...

  6. Android ListView中 每一项都有不同的布局

    实现代码 Adapter的代码 其中:ViewHolder分别是三个不同的布局,也就是ListView中每一项的布局 TYPE_1...是三种类型. 在使用不同布局的时候,getItemViewTyp ...

  7. bower初接触

    之前从Steve Sanderson的博文Architecting large Single Page Applications with Knockout.js中学习了用Yeoman创建Knocko ...

  8. Default Web Site

    win7上设置默认website的物理路径

  9. 通过Microsoft Azure服务设计网络架构的经验分享

    作者 王枫  发布于 2014年4月8日 本文从产品设计和架构角度分享了Microsoft Azure网络服务方面的使用经验,希望你在阅读本文之后能够了解这些服务之间,从而更好地设计你的架构. Mic ...

  10. 2D游戏编程1--windows编程模型

    一.创建一个windows程序步骤 1.创建一个windows类 2.创建一个事件处理程序 3.注册windows类 4.用之前创建的windows类创建一个窗口 5.创建一个主事件循环   二.存储 ...