5月月31号工作
今天的工作
1、
<!DOCTYPE html> <html> <body> <h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1> </body> </html>
js可以直接用内联样式表来实现
这个效果就是在点击“请点击该文本”会直接变成“谢谢!”
HTML事件的例子
当用户点击鼠标时
(当用户的鼠标点击下以后才会触发)
当网页已加载时
(当打开页面开始加载要观看的页面的时候会触发事件并在页面加载完成后看见效果)
当图像已加载时
(当事件的图片的html加载到图片时图片触发事件效果)
当鼠标移动到元素上时
(鼠标在移动到带有事件效果的元素上元素就会触发事件并看见效果)
当输入字段被改变时
(当在指定的事件的输入框内输入字符串事触发的事件并看见效果)
当提交HTML表单时
(在点击了提交表单按钮是在按钮本身设置的效果就会触发)
当用户触发按键时
(带有事件的元素获得焦点后在按下设定的按键就会触发事件效果)
<!DOCTYPE html> <html> <body> <p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p> <button onclick="displayDate()">点击这里</button> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> <p id="demo"></p> </body> </html>
在这里例子中通过js可以直接把Date元素加入到demoID里面去在点击按钮以后直接加入不想以前写的需要在加入的body在写一个js在接受Date元素
面向对象语言的要求
一种面向对象语言需要向开发者提供四种基本能力
封装-把相关的信息(无论数据或方法)存储在对象中的能力
聚集-把一个对象存储在另一个对象内的能力
继承-由另一个类(或多个类)得来类的属性和方法的能力
多态-编写能以多种方法运行的函数或方法的能力
ECMAScript支持这些要求,因此可被是看做面向对象的。
对象的构成
在ECMAScript中,对象由特性(attribute)构成,特性可以是原始值,也可以是引用值。如果特性存放的是函数,它将被看作对象的方法(method),否则该特性被看作对象的属性(property)。
<html> <body> <script type="text/javascript"> var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { document.write(this.color); }; oCar.showColor(); </script> </body> </html>
工厂方式:原始的方式
在上面的代码中,创建对象car。然后给它设置几个属性:它的颜色是蓝色,有四个门,每加仑油可以跑25英里。最后一个属性实际上是指向函数的指针,意味着该属性是个方法。执行这段代码后,就可以使用对象car。
不过这里有一个问题,就是可能需要创建多个car的实例。
要修改显示出来的效果只需要修改
document.write(this.color);
把color换成其他的三个就可以了