2020-8-19 JavaWebDay_06

DOM简单功能:

功能:控制html文档的内容;

代码:获取页面元素(标签)对象 Element;

document.getElementByid("id值"):通过文本的id获取元素对象;

操作对象:

1.修改属性值;

2.修改标签体内容;

属性:innerHTML;

简单事件:

功能:某些组件被执行了一些操作后.触发某些代码的执行;

绑定事件:

1.直接在html标签上指定事件的属性,属性就是html代码;

2.通过js获取元素对象,指定事件属性,设置一个函数;

onclick:单击事件;

小案例(灯泡开关):

BOM:

概念:

Browser Object Moder:浏览器对象模型;

将浏览器的各个组成部分封装成模型;

组成:

Window:窗口对象;

Navigator:浏览器对象;

Screen:显示器屏幕对象;

History:历史记录对象;

Location:地址栏对象;

Window:

Window对象不能创建,可以直接使用window.方法名;

Window引用可以省略,方法名();

方法:

1.与弹出框有关的方法;

alert(内容):弹出一个警告框;

confirm(内容):确认取消对话框,确认返回true,取消返回false;

prompt(内容):输入框,返回用户输入值;

2.与打开关闭有关的方法:

close():关闭浏览器窗口;

open(地址):打开一个新的浏览器窗口,返回一个新的window对象;

3.与定时器有关的方法:

setTimeout(参数1,参数2):在指定的毫秒数后调用方法,返回id;

clearTimeout:根据id值取消Timeout;

setInterval(参数1,参数2):按指定的周期调用方法,返回id;

clearInterval(参数1,参数2):根据id取消Interval;

参数1:JS代码或方法名;

参数2:毫秒值;

属性:

1.获取BOM对象:

history;

location;

Navigator;

Screen;

2,获取DOM对象:

document;

Location:

1.创建(获取):

1.window.location;

2.location

方法:

1.reload():刷新页面;

属性:

href:设置或返回完整的url;

DOM:

Document Object Model 文档对象模型;

将标记语言文档的各个组成部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作;

W3CDO标准被分为3个不同的部分:

核心DOM:针对任何结构化文档的标准模型;

XMLDOM:针对XML文档的标准模型;

HTML文档:针对HTML文档的标准模型；

核心:

Docunmrnt文档对象;

Element元素对象;

Attribute属性对象;

Text文本对象;

Comment:注释对象;

Node:节点对象,其他5个的父对象;