第三十三天 我为集成平台狂(六)-步履轻盈的JQuery(四)

           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自动执行




    

     


第三十三天 我为集成平台狂(六)-步履轻盈的JQuery(四),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。