JavaScript学习4 （window对象、document对象）

目录

 

一、Window对象

1、window对象简介

 2、窗口操作

3、对话框

4、定时器

5、location对象

6、navigator对象

 二、document对象

1、document对象常用属性

2、document对象方法

---

一、Window对象

1、window对象简介

一个浏览窗口就是一个window对象，每次浏览器打开一个页面，浏览器就会自动创建一个window对象。

window对象的结构如下所示：

 

 2、窗口操作

（1）打开窗口

语法：

window.open(url,target)

url指的是新窗口的地址；target为打开串口的方式，默认_blank,表示在新窗口打开，_self，表示在当前窗口打开。

举例：

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

在新窗口打开百度网页。

（2）关闭窗口

window.close()

该方法用于关闭当前窗口。

结合var变量可以关闭其他窗口

​var opener=null;
opener=indow.open("http://www.baidu.com");
opener.close();//关闭百度网页

​

3、对话框

（1）alert（）

仅仅是用于显示提示文字的对话框，实现换行功能用“\n”。

（2）confirm()

该对话框不仅提供文字，还提供确认功能。

用法：

confirm（"提示文字"）

若用户点击确定按钮，confirm(）返回true,否则返回false。

（3）prompt()

该对话框可以返回一个字符串。

	window.onload=function()
		{
			var oBtn=document.getElementById("btn");
			oBtn.onclick=function()
			{
				var name=prompt("请输入账号：");
				document.write(name);
			}
		};

4、定时器

（1）setTimeout()和clearTimeout()

setTimeout()只执行一次，基本语法如下：

setTimeout(code,time);

code可以是一段代码，一个函数，一个函数名；time是多少ms。

 

clearTimeout（）用于取消执行setTimeout()

var timer=null;
timer=setTimeout(alert("测试")，1000)；
clearTimeout(timer);//取消该定时事件

（2）setInterval()和clearInterval()

setInterval()可以重复调用函数，可以使用clearInterval()取消执行。

setInterval(code,time);

5、location对象

location对是window对象的子对象。

该对象有以下属性：

var url=window.location.href;//获取当前页面的地址

var url=window.location.search;//获取当前页面地址“？”后面的内容

var url=window.location.hash;//获取当前页面地址“#”后面的内容

6、navigator对象

该子对象用于获取浏览器的类型。

window.navigator.userAgent

 二、document对象

document对象是window对象的子对象，是浏览器为每个窗口内的HTML页面创建的一个对象。

1、document对象常用属性

 document.URL和window.location.href都能获取当前页面的URL,但是 document.URL只能获取不能设置，window.location.href既可以获取也可以设置。

2、document对象方法