学习以面向对像的方法开发javascript程序
Code<!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 runat="server">
<title></title>
<script language="javascript" type="text/javascript">
//将对像的initalize绑定到对像当中成为构造方法
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
var Demo = Class.create();
Demo.prototype = {
initialize: function(input1, input2) {
this._input1 = input1;
this._input2 = input2;
},
ShowMessage: function() {
alert(this.Input1().value);
},
Html: function() {
this.Input2().value = this.Input1().value;
},
Input1: function() {
return document.getElementById(this._input1);
},
Input2: function() {
return document.getElementById(this._input2);
}
}
//创建并初始化Demo类。
var demo=new Demo("input1","input2");
function ShowInputMessage() {
demo.ShowMessage();
}
function SetInputText() {
demo.Html();
}
</script>
</head>
<body>
这是一个简单的代码，主要展示面向像开发javascript的方法。
点击“ShowMessage”按钮，显示第一个输入框的信息
点击“SetInput”按钮。设置第二个输入框的信息为第一个输入框中的信息。
<input id="input1" type="text" />
<input id="input2" type="text" />
<input type="button" onclick="ShowInputMessage();" value="ShowMessage" />
<input type="button" onclick="SetInputText();" value="SetInput" />
</body>
</html>
浙公网安备 33010602011771号