window对象方法

window对象的方法和属性

window对象是JS提供的一个内置对象，该对象是最大的一个内置对象，其中有很多方法和属性，可以直接调用
window.location对象用于获取当前页面的地址（URL），并把浏览器重新定向到新的页面。window.location对象在编写的时候可以不写window

window.onload=function(){
	window.location.href="https://www.baidu.com";
}

location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回web主机的端口
location.protocol 返回所使用的web协议
window.location.href=“http://www.xxxxxx.net”;跳转后有后退功能
window.location.replace(“http://www.xxxxxx.net”);跳转后没有后退功能
window.open(“http://www.xxxxxx.net”);在新的窗口打开链接，一般用于简单的弹出页面，现在基本都被屏蔽掉

//打开一个新子窗口
window.open("https://www.tmall.com","xxxx","height=380,width=320,top=200,left=300");

window.history对象

1. window.history 对象包含浏览器的历史。在编写时可以不使用window这个前缀

2. window.history.back() - 加载历史列表中的前一个URL，与浏览器点击后退按钮相同

3. window.history.forward() - 加载历史列表中的下一个URL，与浏览器点击向前按钮相同

window对象的一些其他方法
4. setInterval()和setTimeout()是HTML DOM Window 对象的两个方法，这叫做定时器方法
5. window.setTimeout() 暂停指定的毫秒数后执行指定的代码，只执行一次

window.onload=function(){
	window.setTimeout(function(){
		alert("这是三秒后输出的内容");
	},"3000")
}

函数只会在指定的时间之后执行一次

• window.setInterval() 间隔指定的毫秒数不停地执行指定的代码

var i=0;
window.setInterval(function(){
	console.log("i="+i++);
},"1000")

• 方法用于停止setInterval()方法执行的函数代码

var i=0;
var id=window.setInterval(function(){
	if (i<10) {
		console.log("i="+i++);
	} else{
		window.clearInterval(id);
	}
},"1000")

window.onload=function(){
var i=0;
var id=window.setInterval(function(){
	if (i<10) {
		console.log("i="+i++);
	} else{
		window.clearInterval(id);
	}
},"1000")
}

在函数中使用var关键字声明的变量是局部变量，如果不使用var关键字声明则是全局变量

• window.clearTimeout() 方法用于停止执行setTimeout()方法的函数代码
• window.alert() 警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作
• window.prompt() 确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果点击确认，返回值是在框中输入的值，如果点击取消，那么返回值为null

window.onload=function(){
	var empno=window.prompt("请输入你要删除的编号","1001");
	console.log("要删除的数据的编号是："+empno);
}

• window.confirm() 提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值。然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为null

var flag=window.confirm("你确定要删除该数据？");
if(flag){
	console.log("删除数据");	
}else{
	console.log("取消删除");
}

如果用户点击了确认，那么该方法返回的是true，如果点击了取消，则该方法返回的是false