js对象,事件,控制标签属性,innerHTML获取标签内容,创建删除和
输出标签和定时器
对象
对象是⼀个抽象的概念,可以把对象看成⼀个物品,⽐如⼿机就是⼀个对象,⼿机有颜⾊,厚度重量等,这些就是对象的属性,⼿机还可以打电话,发短信等,这些叫做对象的⽅法,⽅法实际上就是⼀种函数,js中所有的HTML标签都是标签对象。
事件
js就是通过事件来和⽹页建⽴起联系的
⿏标事件
格式为:onclick="函数名()";//点击调⽤该函数
onclick:点击事件
ondbclick:双击
onscroll;滚动条滚动事件
onmouseover:⿏标放上
onmouseout:⿏标离开
onmousedown: ⿏标按下
onmouseup: ⿏标抬起
onmousemove: ⿏标移动。
键盘事件
onkeyDown:键盘按下
onkeyUp:键盘抬起
onkeyPress:按键⼀次
表单事件
onsubmit:表单提交事件
onreset:重置事件
onfocus:获得焦点
onblur:失去焦点
下拉列表事件
onchange:当下拉列表默认值改变时,常⽤于列表联动
窗⼝事件的两种写法
onload();⽹页⼀打开时发⽣(⽹页加载完的时候)//body⾥⾯写
event
是指事件发⽣时相关的⼀些信息,⽤的时候要把event参数传进去
blur事件参数.clientX;获得⿏标的X坐标
参数.clientY;获得⿏标的Y坐标
参数.target//事件源
js控制HTML标签属性和CSS属性
js控制属性要先到该标签var a= ElementById("ID名字")获取该id的标签
HTML设置属性  a.HTML属性名=属性值
CSS设置属性  a.style.CSS属性名=属性值(字符串)
从⽹页上获取的数据都是字符串//如果获取数字要计算是要转化为数字parseInt("字符串")
innerHTML和value对⽐
对象.innerHTML;获取这个对象⾥⾯的所有内容
双标签⼀般是innerHTML获取标签内的内容
单标签则是value
document.body:获得body这个对象
创建删除输出标签
var ateElement(“img”);//创建img标签
document.body.appendChild(obj);    //输出img标签,输出位置在body⾥
margin:不会触发事件
对象名.onclick=函数名,给对象绑定点击事件,点击对象执⾏函数,注意函数名后⾯没有括号
函数名{veChild(this);}当对象绑定事件时this代表对象本⾝,parentNode代表⽗标签,removeChild表⽰删除。//点击这个对象就删除了,删除这个对象需要到这个对象的⽗标签。
定时器
反复性定时器;window.setInterval("a()",1000)//每1s执⾏⼀次函数a
⼀次性定时器:window.setTimeout("a()",1000)//1s后执⾏⼀次
清除定时器
window.clearInterval();清除反复性定时器,括号内写定时器的名字,可以定义⼀个变量来装这个定时器
window.clearTimeout();清除⼀次性定时器

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。