BOM应用

·  open打开窗口

<input type="button" value="打开窗口" οnclick="window.open('http://www.baidu.com/')">

·  write

<!--把本页面清空，然后写内容aaa-->
	<input type="button"  value="write" οnclick="document.write('aaa')">

·  write应用（在文本框内输入内容 点击打开新的页面并显示文本框的内容）

oBtn.οnclick=function ()
	{
		//创建另一个页面为空，如果后面写_self就是在本页面上替换
		var oNew=window.open('about:blank','_blank')
		
		oNew.document.write(oTxt.value);
	};

·  close

	<!--火狐下有兼容问题，需要先open才能关闭-->
	<input type="button" value="关闭" οnclick="window.close()">

·  open_close （调用刚才的close.html文件）

<!--先打开再关闭-->
	<input type="button" value="打开" οnclick="window.open('close.html')">

·  userAgent：查浏览器版本，_location：查网址地址、网址的地址赋值

//显示浏览器版本信息
alert(window.navigator.userAgent);
//显示网址位置
alert(window.location);.

<!--网址的地址赋值-->
<input type="button" value="地址赋值" οnclick="window.location='http://baidu.com'">

·  右下角悬浮框

//滚动要用window.onscroll
//当窗口变化时window.resize发生，让div随着窗口始终在右下角
window.οnscrοll=window.οnresize=function ()
{
	var oDiv=document.getElementById('div1');
	var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

	oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+'px';
};

·  confirm_确定取消提示框

var res=confirm('你确定要删除吗？');
//返回值
alert(res);

· prompt_输入框

var res=prompt('请输入信息','默认有的');
//返回值
alert(res);

笔记：

BOM应用-操作浏览器


·BOM基础
1.打开窗口：open();新页面打开空白页 window.open('about:blank','_blank')
自己的页面打开
window.open('about:blank','_self')
2.document.write('abc'),把页面所有东西清空再写abc进去
3.关闭窗口：close();FF会有问题，需要先open才能close
4.window.navigator.userAgent:判断浏览器的版本
5.location:位置，当前网页的地址（可以赋值）


·尺寸及坐标
 窗口尺寸、工作区尺寸
1.可视区尺寸：
可视区高度document.doumentElement.clientHeight、可视区宽度document.doumentElement.clientWidth 
2.滚动距离
可视区与顶部的距离：scrollTop滚动距离
chrome:
document.body.scrollTop
FF/IE:
document.documentElement.scrollTop
兼容写法，用或||
3.window.onresize:当窗口改变大小的时候发生
4.固定定位fixed，ie6不兼容


·常用方法和事件
1.confirm('') :确定取消，返回值
2.prompt(''，'默认文字')