js总结4

一、属性、方法和事件

1.属性

   属性是指对象包含的值，使用"  对象名.属性名  "的方式进行操作，如document.forst.value

源代码：

第一个数:<input type="text" id="one" value=""/><br />
		  第二个数:<input type="text" id="two" /><br />

 <script type="text/javascript">
				 var one=document.getElementById("one").value//获取文本框内容
				 var two=document.getElementById("two").value

试图：

 2.事件

    影响用户操作、完成交互、如OnClick、OnKeyDown

    一般可以分为鼠标事件、键盘事件及其他事件、

源代码:

第一个数:<input type="text" id="one" value=""/>+
		  第二个数:<input type="text" id="two" />=
          <input type="button" name="" id="" value="添加" onclick="cal('+')"/>
          <input type="texe" name="result" id="result" value="" />
		   <script type="text/javascript">
		         function cal(){ //获取单击事件
				 var one=document.getElementById("one").value//获取文本框内容
				 var two=document.getElementById("two").value 
                 var result=Number(one)+Number(two)
                 document.getElementById("result").value=result

试图：

3.自定义对象

--字符串对象

用于存储一系列字符，使用单引号或双引号包含

--数学对象

用于获取各种数学常量及数学函数

--日期对象

用于获取或操作各种时间

开发人员根据自己的需要而定义新对象

1.1自定义对象,使用Object

var student=new Object()

给对象设置一些属性

var student=new Object()
student.stuid="1001"
			student.stuname="小王"
			student.classname="移动3班"

给对象设置函数

student.sayHello=function(){
				console.log("大家好")
			}
			student.sayHello()
			console.log(student.stuid)

function 函数名(参数列表)(函数体)
       赋值式声明函数
          var test=function(){
               console.log("aa")
            }
            test()

1.2使用构造函数

构造函数中的this指的是当前对象

function teacher(tid,tname){
				this.tid=tid
				this.tname=tname
				this.eat=function(){
					console.log("吃饭")
				}
			}

实列化一个对象

var t1=new teacher("1","张三")
			t1.eat()
			console.log(t1.tid,t1.tname)

1.3其他方式

var stu={
				stuid:"1002",
				stuname:"小王",
				study:function(){
					console.log("学习")
				}
			}
			stu.study()
			console.log(stu.stuid)

用于储存一系列字符

使用单引号和双引号包含

   var  name  = "CSDN"

   var  name  = 'CSDN'

可以使用索引访问字符串中任何的字符

   var  char  = http[5]；