关于Javascript的外部对象

窗口浏览器：

-位置：地址-历史记录：历史记录-文档：文档-屏幕：窗口-导航器：帮助1。外部对象是浏览器提供的API-* * BOM * *

2.这些对象由w3c指定，由浏览器开发人员设计和开发

3.这些对象分为两部分，其中BOM包含DOM

4.我们可以通过js访问这些对象

#外部对象

材料表(浏览器物件模型)

浏览器对象模型，用于访问和操作浏览器窗口，是JavaScript与浏览器对话的能力。

文档对象模型

文档对象模型，用于操作文档。

##1.对话框

-alert(str)-显示字符串内容的提示对话框

-确认(str)-确认对话框并显示str字符串的内容-按“确定”按钮返回真，其他操作返回假

情况

//调用window对象的属性或方法，可以省略‘window’//1.弹出框//1)弹出框功能f1(){ alert ('Hello，Junko ')；} //2)确认框功能f2(){ var v=确认('你吃过了吗？);//单击确定返回true，否则返回false console . log(v)；} //3)输入框函数f3(){ var p=prompt('吃了什么？');//点击取消返回null console . log(p)；}## 2.计时器

-主要用于网页上的动态时钟，使倒计时和跑马灯效果

-周期时钟

-定期执行代码，并来回切换

- setInterval(exp，time)；

-返回已经启动的计时器对象

-停止计时器启动

- clearInterval(tID)

-定时器对象由tid:启动

一次性时钟

-在设定的时间间隔后执行代码，而不是在调用函数后执行。

- setTimeout(exp，time)；

-停止计时器启动

- clearTimeout(tID)

-定时器对象由tid:启动

情况

1)周期性定时器

//每n毫秒执行一次该函数，并重复执行，直到到达停止条件位置。函数F4(){ var n=5；//启动定时器并返回定时器ID，用于停止定时器var ID=set interval(function(){ console . log(n)；开关(n % 4){ case 0: BTN 1()；打破；案例3: BTN 2()；打破；案例2: BTN 3()；打破；案例1: BTN 4()；打破；默认值：} n；},100);//启动定时器相当于启动一个分支线程，当前方法f4相当于主线程。//2个线程并发执行，不互相等待。//因此，主线程在启动分支线程后立即向下执行，而分支线程则需要在1秒后执行console.log ('jumping ')。}2)一次性计时器

//将函数推迟n毫秒执行一次，执行后自动停止。//也可以在执行前手动停止var id函数f5(){ //启动定时器。如果要在计时器执行前停止计时器，则需要使用id id=settimeout(function(){ console . log('丁丁丁')；F4()；},3000);}功能f6(){ //如果定时器已经执行，取消无效；如果计时器尚未执行，可以取消ClearTimeout(id );Console.log('已停止！');}## 3.公共属性

-屏幕对象

-包含有关客户端显示屏的信息-常用于获取屏幕的分辨率和颜色-常用属性：-宽度高度-可用宽度可用高度

-历史对象

-包括用户访问的网址

-length属性：浏览器历史列表中的URL数量

-方法：

-back()；-for ird()；

-位置对象

-包含当前网址的信息

-常用于获取和更改当前浏览网址

-href属性：当前窗口正在浏览的网址

-方法

-reload():重新加载当前URL，相当于刷新

-导航器对象

-包含有关浏览器的信息

-通常用于获取有关客户端浏览器和操作系统的信息

情况

//位置对象函数f1(){ var b=confirm('你真的要离开我吗？');if(b){ location . href=' http://www . tmooc . cn '；} }//刷新页面函数F2(){ location . reload()；} //screen对象：获取屏幕宽度和高度函数F3(){ console . log(screen . width)；console . log(screen . height)；console . log(screen . Avenwidth)；console . log(screen . Avenheight)；} //history对象函数F4(){ history . forward()；} //navigator对象function F5(){ console . log(navigator . user agent)；} ## DOM

### DOM操作

-查找节点-读取节点信息-修改节点信息-创建节点信息-删除节点

# # #阅读和修改

-节点信息

-节点名称：节点名称-节点类型：节点类型

-(1)读取节点

-读取节点的名称和类型

P id='p1'1。读/写节点/p p id='p2'2。查询节点/p p id='p3'3。添加或删除节点/p varp 1=document . getelementbyid(' P1 ')；console . log(P1 . nodename)；console . log(P1 . nodetype)；-读写节点的内容

-双标签中间的文本称为内容，任何双标签都有内容。-innerHTML:包含子标签信息。-内部文本：忽略子标签

console . log(P1 . innerHTMl)；P1.innerHTML='1.i读写/i节点'；console . log(P1 . innertext)；-读写节点的值

-表单控件中的数据称为值，只有以下表单控件有值：-input-select-textarea

以上就是本文的全部内容。希望这篇文章的内容对你的学习或工作有所帮助。有问题可以留言交流，希望多多支持我们！