JavaScript-BOM对象

JavaScript-BOM对象

1.window对象

window.open("http://www.baidu.com","我的百度",'height=100, width=400, top=500, left=500, scrollbars=no, resizable=0');
	
	
	//控制页面跳转
	window.location = "http://www.baidu.com";
	
	//1.弹出一个输入对话框，可以得到用户输入的值
	var ss = window.prompt("你好！");
	
	//2.弹出一个提示框
	window.alert("你的权限不足，无法访问！");
	
	//3.确定操作提示框
	var isOk = window.confirm("是否要删除？");
	
	//console.dir(isOk);//得到一个布尔值
	
	//4.关闭当前窗口
	window.close();
	
	//5.打开新的窗口,在新的标签页面中打开指定的URL地址资源
	window.open('http://www.baidu.com');
	
	//setTimeout("javascript:alert('结束');",5000);
	
	//延迟执行，延迟执行只会执行一次就结束
	setTimeout(function(){
		
		console.dir("结束！");
		
	},5000);
	
	console.dir("开始！");
	
	var sum = 0;
	
	//周期间隔执行
	var obj = setInterval(function(){
		
		sum++;
		console.dir(sum);
		if(sum>10){
			//停止周期循环执行
			clearInterval(obj);
		}
		
	},1000);

2.window对象的子元素对象

2.1 history对象

//网页前进
history.forward();

//网页后退
history.back();

//网页前进多个，后退多个
history.go(-2);

2.2 location对象

//刷新网页
	location.reload();
	
	//从新请求网页地址
	location.replace("http://www.baidu.com");
	//从新请求网页地址
	location = "http://www.baidu.com";
	
	//获取访问的服务器的主机名和端口
	location.host;
	
	//获取服务器的主机名
	location.hostname;
	
	//获取完整的网页地址
	location.href;

2.3 document对象

document对象获取html节点元素的方法

//通过document对象获取HTML节点对象的方法
	//通过元素的id属性获取
	var ss = document.getElementById("dz1");
	
	//通过标签名称获取元素集合
	var ss2 = document.getElementsByTagName("h1");
	
	//通过标签中class属性值获取元素
	var ss3 = document.getElementsByClassName("dd2");
	
	//通过标签中name属性值获取元素，一般在表单中常用
	var ss4 = document.getElementsByName("userName");

document对象改变网页内容

//使用document对象调用write方法会覆盖当前网页中的所有内容
	//可以编写html标签字符串
	//也可以编写JavaScript代码
	document.write("");