DOM:
dom概述:
dom文档对象,作用操作文档(比如html)
一个文档都有什么组成:标签,属性,文本等
dom常见的对象:
doucument(文档对象,操作html任意元素)
1.获取元素的方法:
1.根据ID获取元素:getElementById("ID属性的值")
2.根据标签名称获取元素数组:getElementByTagName("标签名称")
3.根据class属性获取元素数组:getElementByClassNmae("calss属性的值")
2.创建元素的方法:
创建一个元素(标签):var ele =document.createElement("标签名称")
创建一个文本(文本元素): var text =document.createTextNode("文本")
Element(元素对象,其实标签对象)
添加元素的方法:
添加一个子元素: 父元素.appendChild(子元素);
移除一个子元素: 父元素.removeChild(子元素);
操作属性的方法:
setAttribute("属性名称","属性的值");
removeAttribute("属性名称");
dom的原则:通过父元素操作子元素
事件:
事件概述:
javascript基于对象和事件的一门客户端语言
基于对象:对象已经创建好了,可以直接使用
基于事件驱动:html的标签和事件绑定在一起,通过触发事件
调用对应的函数.
事件绑定的二中方式:
第一种:直接绑定.
<input type = "button" value ="点我啊" onclick=fun1();>
<script type ="text/javascript">
1.直接绑定:直接在标签上书写事件属性和js代码绑定
function fun1(){
alert("直接绑定")
}
</script>
第二种:间接绑定.
<input type = "button" value ="点我啊2" id ="fun2">
//根据id获取id =fun2的对象
var obj =document.getElementById("fun2");
//标签操作属性
obj.onclick =function(){
alert("间接绑定")
}
</script>
常用的事件:
1.鼠标点击事件:
onclick(任何标签都有这个事件)
2.焦点事件:
onblur:失去焦点事件(input输入框用这个事件)
onfocus:获取焦点事件
3.鼠标状态事件:
onmouseover(鼠标移动到元素上)
onmouseout(鼠标移开)
4.内容改变事件:
onchange(在下拉列表里面使用它)
5.键盘事件:
onkeyup(键盘松开事件)
6.表单提交事件:
onsubmit(表单提交事件,通过返回boolean类型的值,来控制表单的提交)
Bom的对象:
window对象(最顶层)
特点:(调用方法或者属性时,可以省略不写)
1.弹出窗口方法:
alert() confirm() prompt()
2.窗口的开关方法:
open() close()
3.定时器方法:
开启一次性定时器:
var id =setTimeout(js代码,毫秒值);
清除一次性定时器:
clearTimeout(id);
开启循环定时器:
var id =setinterval(js代码,毫秒值);
清除循环定时器:
clearinterval(id);
Location对象:
属性href
获取属性的值:
var v = location.href;
修改属性的值:
location.href="新的访问地址"
History对象(了解)
Navigator对象(了解)
Screen对象(了解)
|
|