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. to disable the entity lazy load, The ObjectContext instance has been disposed and can no longer be used for operations that require a connection.

    The ObjectContext instance has been disposed and can no longer be used for operations that require a ...

  2. NCPC 2012 Galactic Warlords

    湖南大学的oj上有这套比赛: 这题是个简单的计算几何,首先去掉重复的边,然后判断是否全部平行: 代码: #include<cstdio> #define maxn 105 using na ...

  3. 快速搭建PHP开发环境（PhpStorm+EasyPHP）

    写在开头,何为PHP(拍黄片)? P HP是一种开源的通用计算机脚本语言,尤其适用于网络开发并可嵌入HTML中使用(维基百科). 从上我们得出,何为PHP? 1.开源脚本语言. 2.用于网络开发可嵌入 ...

  4. Linux用户环境变量

    Linux用户环境变量 环境变量就是系统或软件设置的一些参数,用户环境变量就是用户登录系统后,都有自已专用的运行环境.在Windows系统中用户环境变量保存在用户家目录,Linux也是同样的.本文主要 ...

  5. [mock]10月11日

    第二次mock.出的题是,假设有一个地区不能使用7,都用之后的数字代替,比如8代表7,18代表16(中间有7和17).那么给出一个这个地区的数X,求普通地区的数Y.首先是找规律,发现其实就是找给出的数 ...

  6. C++实现一个限制对象实例个数的类

    http://www.cnblogs.com/absolute8511/archive/2009/03/02/1649603.html

  7. ASP.NET中定制自己的委托和事件参数类

    本文笔记选自<庖丁解牛:纵向切入ASP.NET 3.5控件和组件开发技术>一书 一般在实际开发中,对于事件不需要传递数据信息时,像上面的KingTextBox控件的事件,在引发事件时传递的 ...

  8. Scala:(3)数组

    要点: (1)长度固定使用Array,长度变化的则使用ArrayBuffer. (2)提供初始值时,不使用new. (3)用()访问元素 val a= new Array[String](10)//初 ...

  9. 【Node】fs

    var fs = require('fs') // fs 文件系统 var stdin = process.stdin var stdout = process.stdout var stats = ...

  10. 【转】Mac OS X 快捷键（完整篇）

    原文网址:http://www.nooidea.com/2011/01/mac-os-x-keyboard-shortcuts.html 没有写到基本的一些组合,只是一些可能大家不太常用到但及其提高机 ...