
正文
JavaScript(二):对象、注释、事件!
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
对象
JavaScript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。
注释
JavaScript 注释[4]不会被执行,所以我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释:
单行注释以 // 开头,比如:
// 输出标题:
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
// 输出段落:
document.getElementById("myP").innerHTML="这是我的第一个段落。";
多行注释:
多行注释以 /* 开始,以 */ 结尾,例子:
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML=yongshiyule178.com"这是我的第一个段落。";
除此之外,我们还可以通过注释功能来阻止码块的执行(可用于调试),比如:
//document.getElementById("myH1")www.dasheng178.com.innerHTML=www.dongfan178.com "欢迎来到我的主页";
document.getElementById("myP")www.xgll521.com.innerHTML="这是我的第一个段落。";
事件
用户与网页交互时产生的操作,称为事件。事件可以由用户引发,也可能是页面发生改变,甚至还有你看不见的事件(如Ajax的交互进度改变)。绝大部分事件都由用户的动作所引发,如:用户按鼠标的按键,就产生click事件,若鼠标的指针在链接上移动,就产生mouseover事件等等。在JavaScript中,事件往往与事件处理程序配套使用。
而对事件的处理,W3C的方法是用addEventListener()函数,它有三个参数:事件,引发的函数,是否使用事件捕捉。为了安全性,建议将第三个参数始终设置为false
传统的方法就是定义元素的on…事件,它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段,但是传统绑定只支持冒泡事件。







