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. C# return dynamic/anonymous type value as function result

    function: public static dynamic GetAppSecret() { //string[] result = new string[] { "", &q ...

  2. 一些.net开源项目

    强大的插件系统,通过Addin构建成一个功能齐全的.net开发IDE.核心是AddInTree.跟随这个项目开发许多有用的组件,比如功能文本编辑器(ICSharpCode.TextEditor),Sh ...

  3. skiplist 跳表（2）-----细心学习

    快速了解skiplist请看:skiplist 跳表(1) http://blog.sina.com.cn/s/blog_693f08470101n2lv.html 本周我要介绍的数据结构,是我非常非 ...

  4. python 遍历字典

    dict={"a":"apple","b":"banana","o":"orange&qu ...

  5. 学会使用git

    廖雪峰Git教程 这个教程较为简单,循序渐进 易百Git教程 较为系统 在线代码格式化 可以下载全球最大视频网站的视频支持搜索 点这里

  6. webview调用javascript脚本无反应

    最近遇到一个问题:在html中有一段javascript脚本定义了一个方法,在使用webview.loadUrl("javascript:方法名()")时方法未执行,后来 查资料发 ...

  7. Deep Learning论文笔记之（八）Deep Learning最新综述

    Deep Learning论文笔记之(八)Deep Learning最新综述 zouxy09@qq.com http://blog.csdn.net/zouxy09 自己平时看了一些论文,但老感觉看完 ...

  8. 如何在多线程中调用winform窗体控件

    由于 Windows 窗体控件本质上不是线程安全的.因此如果有两个或多个线程适度操作某一控件的状态(set value),则可能会迫使该控件进入一种不一致的状态.还可能出现其他与线程相关的 bug,包 ...

  9. HDU-1701 Binary Tree Traversals

    http://acm.hdu.edu.cn/showproblem.php?pid=1710 已知先序和中序遍历,求后序遍历二叉树. 思路:先递归建树的过程,后后序遍历. Binary Tree Tr ...

  10. .NET+Oracle 分页

    http://www.cnblogs.com/Jusoc/archive/2011/08/28/2156530.html#commentform .在oracle的sqlplus或其他工具中运行一下p ...