dom刷新局部元素_046 JavaScript中的BOM和DOM

1. BOM和DOM入门

(1) 请说出DOM对象和BOM对象的关系

BOM对象:Browser Object Module浏览器对象模型。包含history、navigator、document、location、screen五部分。其中document就指的是DOM：Document Object Module文档对象模型。

(2) 请说出BOM对象中包含的对象内容

包含history、navigator、document、location、screen五部分。

2. BOM对象-window

(1) 常见的弹框方式有几种，请分别说出他们的使用场景

<!--三种弹窗方式-->

<script>

function demo1(){

//含有确定按钮的弹框

window.alert("弹窗A");

}

function demo2(){

//确认弹框。含有确认和取消两个选项。通过返回值可以指定不同的选择。

var flag=window.confirm("是否删除");

window.alert(flag);

}

function demo3(){

//可以输入内容的弹框。可以获得输入的值。

var nickName=window.prompt("请输入昵称");

window.alert(nickName);

}

(2) 请说出setTimeout和setInterval的区别和联系，并且说出他们的使用场景

//一秒之后调用方法，调用一次。

//window.setTimeout("getTime()",1000);

//每过一秒调用一次

var intl=window.setInterval("getTime()",1000);

(3) 请说出open方法的作用和使用场景。

//打开或者关闭浏览器

function demo5(){

window.open("http://www.baidu.com");

}

3. BOM对象-location-history-navigator

(1) 请列举location对象中常用的方法

function testLocation(){

var href = window.location.href;

var hostname=window.location.hostname;

var port=window.location.port;

var host=window.location.host;

// window.alert(href+"---"+hostname+"---"+port+"---"+host)

//修改当前url的值,会在当前页面直接跳转到新地址。

// window.location.href="http://www.baidu.com";

//重新加载页面，相当于刷新的效果

window.location.reload();

}

(2) 请说出window.history.go(args); 请说出args值分取 0 , 2 , -2 的含义

0：刷新本页；

2：向前两页；

-2：后退两页。

(3) 请如何获得屏幕的分辨率

function testScreen(){

//获得当前屏幕的分辨率

var he=window.screen.height;

var we=window.screen.width;

alert(we+"---"+he);

}