利用MS AJAX注册Javascript命名空间并创建类
更新时间:2007年10月27日 12:06:03 作者:
一、为页面添加一个ScriptManager控件。
二、注册命名空间:
Type.registerNamespace("Demo");
三、为类添加构造函数、属性、方法。
Demo.sample=function(){}
四、注册类。
Demo.Person.registerClass('Demo.sample ', null, Sys.IDisposable);
下面是一个具体的实例:
Namespace.js
Type.registerNamespace("Demo");
Demo.Person = function(firstName, lastName, emailAddress) {
this._firstName = firstName;
this._lastName = lastName;
this._emailAddress = emailAddress;
}
Demo.Person.prototype = {
getFirstName: function() {
return this._firstName;
},
getLastName: function() {
return this._lastName;
},
getName: function() {
return this._firstName + ' ' + this._lastName;
},
dispose: function() {
alert('bye ' + this.getName());
}
}
Demo.Person.registerClass('Demo.Person', null, Sys.IDisposable);
Namespace.aspx代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Namespace</title>
</head>
<body>
<form id="Main" runat="server">
<asp:ScriptManager runat="server" ID="scriptManager" />
</form>
<div>
<p>This example creates an instance of the Person class
and puts it in the "Demo" namespace.</p>
<input id="Button1" value="Create Demo.Person"
type="button" onclick="return OnButton1Click()" />
</div>
<script type="text/javascript" src="Namespace.js"></script>
<script type="text/javascript" language="JavaScript">
function OnButton1Click()
{
var testPerson = new Demo.Person(
'John', 'Smith', 'john.smith@example.com');
alert(testPerson.getFirstName() + " " +
testPerson.getLastName() );
return false;
}
</script>
</body>
</html>
保存后看下运行效果。
二、注册命名空间:
Type.registerNamespace("Demo");
三、为类添加构造函数、属性、方法。
Demo.sample=function(){}
四、注册类。
Demo.Person.registerClass('Demo.sample ', null, Sys.IDisposable);
下面是一个具体的实例:
Namespace.js
Type.registerNamespace("Demo");
Demo.Person = function(firstName, lastName, emailAddress) {
this._firstName = firstName;
this._lastName = lastName;
this._emailAddress = emailAddress;
}
Demo.Person.prototype = {
getFirstName: function() {
return this._firstName;
},
getLastName: function() {
return this._lastName;
},
getName: function() {
return this._firstName + ' ' + this._lastName;
},
dispose: function() {
alert('bye ' + this.getName());
}
}
Demo.Person.registerClass('Demo.Person', null, Sys.IDisposable);
Namespace.aspx代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Namespace</title>
</head>
<body>
<form id="Main" runat="server">
<asp:ScriptManager runat="server" ID="scriptManager" />
</form>
<div>
<p>This example creates an instance of the Person class
and puts it in the "Demo" namespace.</p>
<input id="Button1" value="Create Demo.Person"
type="button" onclick="return OnButton1Click()" />
</div>
<script type="text/javascript" src="Namespace.js"></script>
<script type="text/javascript" language="JavaScript">
function OnButton1Click()
{
var testPerson = new Demo.Person(
'John', 'Smith', 'john.smith@example.com');
alert(testPerson.getFirstName() + " " +
testPerson.getLastName() );
return false;
}
</script>
</body>
</html>
保存后看下运行效果。
您可能感兴趣的文章:
- Javascript使用function创建类的两种方法(推荐)
- Javascript 创建类并动态添加属性及方法的简单实现
- JS创建类和对象的两种不同方式
- JavaScript中创建类/对象的几种方法总结
- JavaScript创建类/对象的几种方式概述及实例
- javascript最常用与实用的创建类的代码
- 讨论javascript(一)工厂方式 js面象对象的定义方法
- javascript工厂方式定义对象
- JavaScript中使用构造器创建对象无需new的情况说明
- JavaScript设计模式之工厂模式和构造器模式
- javascript 混合的构造函数和原型方式,动态原型方式
- JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
相关文章
ASP.NET之Response.Cookies.Remove 无法删除COOKIE的原因
在web开发中Cookie是必不可少的,.NET自然也有一个强大的Cookie操作类,我们用起来也非常方便,不过在使用中我们会发现一个坑爹的事情Response.Cookies.Remove删除不了Cookie。2013-06-06asp.net Repeater 数据绑定的具体实现(图文详解)
此例子绑定的数据源为微软在mssql2000中提供的Northwind数据库中的表Categories。2013-07-07
最新评论