新萄京计算机网络

 新萄京计算机网络     |      2020-02-09
  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件
  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件


ASP.NET AJAX 有两种实现方式:一种是服务器端(ASP.NET AJAX Extensions),一种是客户端(Microsoft AJAX Library)。之前我们介绍了服务器端的,现在我们一起来学习一下客户端的,大家相互交流交流,若有不足之处多多指正。

$get(id[, element])

ASP.NET AJAX 客户端实现方式正式名称为 Microsoft AJAX Library,把它称之为“ASP.NET AJAX 客户端实现方式”,主要是与“ASP.NET AJAX 服务器端实现方式”相对应,它完全可以脱离 ASP.NET,把它用在 ASP 中、JSP 中都可以。

$get 是 Sys.UI.DomElement.getElementById 的快捷函数,功能类似于 document.getElementById。可选参数 element 表示在哪个元素范围内查找,省略则表示在 document 中查找。元素不存在则返回 null。

下载

var id1 = $get("id1");
var id3 = $get("id3", $get("id1")); //在 id1 元素内部查找 id3 这个元素。

Microsoft AJAX Library 的下载地址为:,它是基于 Microsoft Permissive License (Ms-PL) 授权的。

Sys.UI.DomElement.addCssClass(element, className)

下载后我们可以找到六个 js 文件:

添加 CSS class 到指定的元素。

  • MicrosoftAjax.debug.js
  • MicrosoftAjax.js
  • MicrosoftAjaxTimer.debug.js
  • MicrosoftAjaxTimer.js
  • MicrosoftAjaxWebForms.debug.js
  • MicrosoftAjaxWebForms.js

Sys.UI.DomElement.addCssClass($get("title"), "title");

看似六个文件,实际上只有三种,带 debug 的相当于源文件,即格式上没有经过压缩的、有缩进的。

Sys.UI.DomElement.containsCssClass(element, className)

首先引入 MicrosoftAjax.js 文件:

判断元素是否包含指定的 CSS class。

<script src="js/MicrosoftAjax.js" type="text/javascript"></script>

<script src="js/MicrosoftAjax.debug.js" type="text/javascript"></script>

Sys.UI.DomElement.containsCssClass($get("title"), "title");

如果我们是初次使用 Microsoft AJAX Library,建议引入带 debug 的,因为此时 Visual Web Developer 的 IntelliSense 显示出来的提示是较直观的,比如 $get 的提示是 $get(String id, element),而如果我们引入不带 debug 的,则其提示为 $get(f, e),原因就是不带 debug 的文件是压缩了的。

Sys.UI.DomElement.removeCssClass(element, className)

环境

去除元素中指定的 CSS class。

Microsoft AJAX Library 3.5 SP1 支持以下浏览器:

Sys.UI.DomElement.removeCssClass($get("title"), "title");

  • Microsoft Internet Explorer 6.0 and 7.0
  • Mozilla Firefox 1.5, 2.0 and 3.0
  • Apple Safari 3.0
  • Opera 9.5

Sys.UI.DomElement.toggleCssClass(element, className)

资料

如果指定的 CSS class 在 element 中存在则去除之,否则添加之。

MSDN 上的深入了解 Microsoft AJAX Library 算是不错的 Microsoft AJAX Library 体验文章,通过它可以对 Microsoft AJAX Library 有个初步的了解。

Sys.UI.DomElement.toggleCssClass($get("title"), "title");

权威的 Microsoft AJAX Library 当然是MSDN 的:。不过 Microsoft AJAX Library 内容确实太多,所以本系列就只挑重点的用白话来谈谈,主要介绍对 JavaScript 的扩展、常用方法、Ajax。

var position = Sys.UI.DomElement.getLocation(element)

  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件

返回元素相对于所有者框架或窗口左上角的位置,返回含有 x、y 属性的对象。