定义 javascript对象
代码在插入的时候样子调的正好，显示的时候就乱了呢？
1.构造函数方式
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function car(name,year){
this.name=name;
this.year=year;
this.show=function(){
alert("name:"+this.name+".year:"+this.year);
}
}
function show(){
var Car=new car("红旗","2000");
Car.show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" Text="点击" runat="server" OnClientClick="show()" />
</div>
</form>
</body>
</html>
2.混合的构造函数/原型方式 ：构造函数定义对象的所有非函数属性，原型定义对象的函数属性
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function car(name,year){
this.name=name;
this.year=year;
this.drives=new Array("Li Lei","Wang Jun");
}
car.prototype.show=function()
{
alert("Name:" + this.name + ". Year:" + this.year+". Drives:"+this.drives);
};
function shows(){
var Car1 = new car("红旗", "2000");
var Car2=new car("大众","2001");
Car1.drives.push("Wu Feng");
alert(Car1.drives);
alert(Car2.drives);
Car1.show();
Car2.show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" Text="点击" runat="server" OnClientClick="shows()" />
</div>
</form>
</body>
</html>
3.动态原型方法
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function car(name,year){
this.name=name;
this.year=year;
this.drives = new Array("Li Lei", "Wang Jun");
if (typeof car._innitialized == "undefined") {
car.prototype.show = function () {
alert("Name:" + this.name + ". Year:" + this.year + ". Drives:" + this.drives);
}
};
}
function shows(){
var Car1 = new car("红旗", "2000");
var Car2=new car("大众","2001");
Car1.drives.push("Wu Feng");
alert(Car1.drives);
alert(Car2.drives);
Car1.show();
Car2.show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" Text="点击" runat="server" OnClientClick="shows()" />
</div>
</form>
</body>
</html>
4.常用第二种和第三种
5.字符串相连接
//定义数组类型的对象属性
function StringBuffer() {
this._string_ = new Array();
}
//对象原型的append方法 StringBuffer.prototype.append = function (str) { this._string_.push(str); }
//对象原型的tosting方法 StringBuffer.prototype.tostring = function () { return this._string_.join(""); } function showBuffer() { var buffer = new StringBuffer(); buffer.append("字符串1"); buffer.append("字符串2"); alert(buffer.tostring()); }
注：函数即对象
