DOM功能:控制html文档内容
获取页面标签对象Element
document.getElemrentById(''id值''):通过元素的id获取对象
操作对象:
1. 设置属性值
明确获取对象
查看API文档,找其中哪些属性可以设置
2.修改标签体
事件简单学习
功能:某些组件被执行了操作后,触发某些代码的执行
绑定事件:
1.直接在html上指定事件属性,onclick
2.通过js获取元素对象,指定事件属性,设置一个函数
BOM:
1.概念:Browser Object Model 浏览器对象模型
2.组成:
浏览器对象
显示器屏幕对象
window(窗口)对象:
特点:window对象不需要创建对象,直接使用,且引用可以省略
方法:
1,与弹出有关
alert()显示带有一段消息和一个确认按钮的警告框
confirm()现时代有一段消息以及确认取消按钮的对话框
确定:true 取消:false
prompt()显示可提示用户输入的对话框
2.与打开关闭有关
open()
close():谁调用关谁
3.与定时器有关
setTimeout(“function”,2000)在指定的毫秒数后调用函数或者计算表达式(返回唯一编号)
clearTimeout()
setInterval()指定周期来调用函数或计算表达式
clearInterval()
属性:可以获取其他BOM对象
可以获取DOM对象
地址栏对象
方法:reload:重新加载
href:去网站链接
历史记录对象
DOM文本对象模型
核心DOM
docunment
获取对象方法
getelementbyid:属性值为唯一
getelementbytagname:根据名称获取对象
getelementclassname:根据class获取对象
getelementbyname:根据name获取对象
创建其他对象
element
removeattribute()删除属性
setattribute()设置属性
attribute
text
comment
node
CRUD dom树:
appendchild():向子节点列表添加新的子节点
remocechild():删除并返回子节点
Htmldom:
标签体的设置和获取:innerhtml
使用元素对象的属性
控制样式
div.style.border
事件
某些操作
单击双击键盘按下鼠标移动了
事件源:组件:按钮 文本输入框
监听器:代码
注册监听:将事件源,监听器结合在一起
常见事件:
点击事件:onclick(单击)、ondblclick(双击)
焦点事件:onblur失去焦点、onfous获得焦点
加载事件onload
鼠标事件onmousedown鼠标被按下
onmouseup鼠标按键被送开
oumousemove鼠标被移动
键盘事件
选择和改变
onchange
onselect
表单事件
onsubmint
onreset