Microsoft AJAX Library学习(一)

Microsoft AJAX Library学习(一)

  之前因为对JavaScript还有些疑惑,翻修了一下。花了一段时间,这个几天又整天看电影去了。呵呵。重新进入学习状态了。

  看了第4章客户端页面生存周期。明白了个大概。我觉得有必要研究一下浏览器端编程的情况。如:

  一、Microsoft AJAX Library如何管理客户端页面;

  二、Application对象是怎样产生、具体职责?

  我做了几个实验。

  一、在页面的<head></head>之内写了javascript。如下:

function onInit(){
    document.write("Init事件……");
}
function onLoad(sender,args){
    document.write("Load事件……");
}

function onUnLoad(){
    document.write("UnLoad事件……");
}

Sys.Application.add_init(onInit);
Sys.Application.add_load(onLoad);
Sys.Application.add_unload(onUnLoad);

  但是,最后运行的时候说Sys未声明。这个在意料之中,因为ScriptManage是在表单开始部分引入的。由于html是从上到下解析,所以,Sys是还没有来得及定义。

  由此推论:Microsoft AJAX Library管理页面是从ScriptManage写下的地方开始的。

  二、Application有三个事件,它有两种定义方式,一种默认事件处理函数!一种是手工注册。对于默认事件处理函数,我实验了一下,如下:

    <script type="text/javascript">
        function pageInit(){
            alert("窗体初始化!");
        }
           
        function pageLoad(){
            alert("窗体加载!");
        }
       
        function pageUnload(){
            alert("窗体卸载!");
        }
    </script>

  大小写要注意了。至于事件的执行顺序正如上面。上面Application的默认事件处理,pageInit总是不能执行。而后面load,unload的事件处理都执行得很好。郁闷啊。我试了pageInit、pageinit、pageInIt。都不行,搞不清Sys.Application.Init事件的默认事件处理函数的命名方式是怎样的。不管了。在百度里查都查不到。

  看了dflying的资料,他认为:

  Sys.Application.Init发生在:所有javascript脚本文件都被加载完毕之后。

  Sys.Application.Load发生在:所有客户端应用程序组件创建完毕之后。

  Sys.Application.unload发生在:客户端应用程序卸载时(即window.unload事件发生时)。

  貌似是很清楚了。建议用Sys.Application.add_xxxx的方法来注册事件。特别上要用init事件时。

  三、asp.net 2.0的时候就将表现与控制代码分离,但是,表示层在客户端还是一块乱的,因为javascript与html混在一块。好了,如果把javascript的代码都分离出来放到js文件中,这下就清晰了。asp.net ajax鼓励用这种方式进行客户端编程。

  因为我用了母版页,所以,在内容页中只能用ScriptManageProxy了。这儿要注意一下,这个玩意的位置也要把握好。我写下如下代码:

    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
         <Scripts>
             <asp:ScriptReference Path="~/scripts/01.js" ScriptMode="Debug" />
         </Scripts>
    </asp:ScriptManagerProxy>

  因为是调试,所以,我在加引用时,加了ScriptMode="Debug",结果反而出错了,把这个东西一删掉,就能运行了。正确的声明应当是:

  <asp:ScriptReference Path="~/scripts/01.js" />

  这个声明的问题搞定了,还没有完。我原本以为,只要新建个js文件。然后在最后加下面一行代码就ok了。

  if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();

  事情大出意料,我发现,我在输入“Sys.”后,没有出代码提示(intellisense)。如上我回到新建那里,发现模板中有另外两种:

  一、AJAX 客户端行为文件

  二、AJAX 客户端库的文件

  新建这两种文件,在里面“代码提示”都有。一对比,发现,这两个文件的开头多了一行代码:

  /// <reference name="MicrosoftAjax.js"/>

  果然,在我原来的代码开头加上这一行之后,代码提示就出来了。我做了实验,如果这行代码放在中间是不起作用的。

 

  四、上面所做的实验都是在实际写代码时必然遇到的问题。都很基础。Application的作用基本上也被我摸清楚了。

  1.管理客户端页面生命周期,方便我们在客户端程序员的不同阶段插入代码

  2.管理客户端组件(Sys.Application.xxxxComponent系统方法)

  3.延迟加载脚本(Sys.Application.queueScriptReference(scriptUrl);)

  其实,Application也没什么内容。只是pageLoad我们可能用得比较多。

转载于:https://www.cnblogs.com/vmusicworm/archive/2008/06/20/1226386.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值