js对象,事件,控制标签属性,innerHTML获取标签内容,创建删除和输出标签和定时器

对象

对象是一个抽象的概念，可以把对象看成一个物品，比如手机就是一个对象，手机有颜色，厚度重量等，这些就是对象的属性，手机还可以打电话，发短信等，这些叫做对象的方法，方法实际上就是一种函数，js中所有的HTML标签都是标签对象。

事件

js就是通过事件来和网页建立起联系的

鼠标事件

格式为：onclick="函数名()";//点击调用该函数

onclick：点击事件

ondbclick:双击

onscroll；滚动条滚动事件

onmouseover:鼠标放上

onmouseout：鼠标离开

onmousedown: 鼠标按下

onmouseup: 鼠标抬起

onmousemove: 鼠标移动。

键盘事件

onkeyDown：键盘按下

onkeyUp:键盘抬起

onkeyPress：按键一次

表单事件

      onsubmit：表单提交事件
      onreset：重置事件
      onfocus：获得焦点
      onblur：失去焦点

下拉列表事件

    onchange：当下拉列表默认值改变时，常用于列表联动

窗口事件的两种写法

     onload();网页一打开时发生（网页加载完的时候）//body里面写

     window.onload=函数名没有括号//写在js内就行

event

    是指事件发生时相关的一些信息，用的时候要把event参数传进去

    参数.clientX；获得鼠标的X坐标

   参数.clientY；获得鼠标的Y坐标

    参数.target//事件源

js控制HTML标签属性和CSS属性

js控制属性要先找到该标签var a= document.getElementById("ID名字")获取该id的标签
       HTML设置属性  a.HTML属性名=属性值

       CSS设置属性   a.style.CSS属性名=属性值（字符串）

    从网页上获取的数据都是字符串//如果获取数字要计算是要转化为数字parseInt("字符串")

innerHTML和value对比

 对象.innerHTML;获取这个对象里面的所有内容

双标签一般是innerHTML获取标签内的内容

单标签则是value

 

document.getElementById("id");通过这种方法可以获得这个id名的标签对象

document.getElemetsByTagName("标签名")通过这种方法可以获得所有标签名的标签对象注意：这个时候获得的是数组形式的，需要那个则用数组下标表示

document.body：获得body这个对象

创建删除输出标签

document.createElement(“标签名”);
    var obj=document.createElement(“img”);//创建img标签
    document.body.appendChild(obj);     //输出img标签，输出位置在body里
    margin:不会触发事件

对象名.onclick=函数名，给对象绑定点击事件，点击对象执行函数，注意函数名后面没有括号

函数名{this.parentNode.removeChild(this);}当对象绑定事件时this代表对象本身，parentNode代表父标签，removeChild表示删除。//点击这个对象就删除了，删除这个对象需要找到这个对象的父标签。
定时器

反复性定时器；window.setInterval("a()",1000)//每1s执行一次函数a

一次性定时器：window.setTimeout("a()",1000)//1s后执行一次

清除定时器

 

window.clearInterval();清除反复性定时器，括号内写定时器的名字，可以定义一个变量来装这个定时器

 window.clearTimeout();清除一次性定时器