webAPI 第二天 --- 操作属性和常见的事件,this,阻止默认跳转

在开始学习之前,我们需要了解一下相关的信息

1.this

口诀,谁调用this所在的函数,this就指向谁

  1 .函数调用方式:   this  =>  window

  2 .方法调用方式:   this  =>   对象

  3 .构造函数调用:   this  =>实例对象

事件中的this :    this => 注册事件的对象

2.阻止默认跳转

return false;

3.几个常见的事件

点击事件       onclick

经过事件       onmouseover    鼠标经过事件

                     onmouseout       鼠标离开事件

焦点事件       onfocus   获取焦点

                      onblur     失去焦点

重点:操作属性

1.普通标签属性 ----直接操作

如:  id   title   src    href  alt 等

获取对象  -------直接设置,直接获取

2.表单属性

如:type    value   maxlength   ...

disabled : 禁用       禁用true    不禁用 false

checked : 选中       禁用true    不禁用 false

selected : 下拉框选中       禁用true    不禁用 false

3.自定义属性

1.添加系统属性

      标签有,对象也有

2.添加自定义属性

     标签没有,对象有

     对象.属性名  = 属性值

     对象.属性名

3.给对象使用attribute 方法添加属性

     标签有,对象也有

三个方法:

             添加属性:  对象setAttribute(属性名,属性值)

             获取属性:   对象 getAttribute(属性名)

             删除属性 :  对象removeAttribute('属性名')

 

继续做几道小练习来巩固一下