JavaScript 入门(三)BOM浏览器对象模型

操作浏览器

JavaScript 入门(三)BOM浏览器对象模型_第1张图片
<head>
<title>BOM浏览器对象模型 --操作浏览器</title>
<script>
//window对象,最低层的对象,其6大属性本身也是对象; document属性也是对象,其有5大属性(也是对象)
//全局变量是 window 对象的属性。
//全局函数是 window 对象的方法

//甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
//与此相同:
document.getElementById("header");
//window.innerHeight - 浏览器窗口的内部高度
//window.innerWidth - 浏览器窗口的内部宽度
alert(window.innerHeight + ',' + window.innerWidth);


alert(document.documentElement.clientHeight);
window.alert('alert');
////////////////////////////////////////////////////////////
if(confirm('请选择')){
	//按了【确定】
	alert('确定');
	}
	else {
	alert('取消');
	}

/////////////////////////////

var shuzi = prompt('请输入一个数字',0);
if (shuzi != null)
{
	alert(shuzi);
}

/////////////////////////////////////////////
open('http://baidu.com/','baidu');// open打开新窗口,baidu为名称

open('http://baidu.com/','baidu','width=400,height=400,top=200,left=200');// open打开新窗口,baidu为名称

</script>
</head>

<script>

alert(window.screenLeft);
alert(window.screenTop);

alert(window.screenX);//ie不支持,火狐支持
alert(window.screenY);//ie不支持,火狐支持

//跨浏览器方法
var x = (typeof screenLeft =='number')? screenLeft:screenX;
var y = (typeof screenTop =='number')? screenTop:screenY;

alert(x + y);

</script>

<script>

setTimeout("alert('xi')",2000);//2s后执行,不推荐,不可扩展

function s(){
alert('xi');
}

setTimeout(s,2000);// 不推荐,需要执行函数

//以下推荐

setTimeout(function(){
	alert('xiao');
}
,2000);


setInterval(function(){//定时器
alert('sss');
},2000
);

// location 对象

alert(window.location);//显示地址

alert(window.document.location);

location.hash='#66';
alert(location.hash);

alert(location.port);


</script>

<script>

// history 对象, 后退,前进

alert(history.length);
//history.back()
//history.forward()
//history.go(-1) 上一页

</script>

浏览器检测

<head>
<title>浏览器检测--使得浏览器有统一的效果</title>
<script>

//navigator对象
alert(navigator.appName);//浏览器名称,不能精确取到
alert(window.navigator);//object

alert(navigator.appVersion);//
alert(navigator.userAgent);//


alert(navigator.platform);//Win32

alert(navigator.plugins.length);//插件


// 查看浏览器有无某种功能

</script>
</head>


你可能感兴趣的:(JavaScript 入门(三)BOM浏览器对象模型)