JavaScript的bom对象

js的bom对象

** bom：broswer object model: 浏览器对象模型
** 有哪些对象？
△了解即可 navigator： 获取客户机的信息（浏览器的信息）*
- navigator.appName
- document.write(navigator.appName);
△* **screen: 获取屏幕的信息
- document.write(screen.width);
document.write(“<br/>”);
document.write(screen.height);
△* **location: 请求url地址

-href属性
* 获取到请求的url地址*
- document.write(location.href);

设置url地址
- 页面上安置一个按钮，按钮上绑定一个事件，当我点击这个按钮，页面可以跳转到另外一个页面
- location.href = “hello.html”;
** <input type=”button” value=”tiaozhuan” onclick=”href1();”/>
- 鼠标点击事件 onclick=”js的方法;”

△* **history：请求的url的历史记录
- 创建三个页面
1、创建第一个页面 a.html 写一个超链接 到 b.html
2、创建b.html 超链接 到 c.html
3、创建c.html
- 到访问的上一个页面
history.back();
history.go(-1);
- 到访问的下一个页面
history.forward();
history.go(1);

☆* window（*）
* 窗口对象
* 顶层对象（所用的bom对象都是在window里面操作的）
** 方法（必须记住）
- window.alert() : 页面弹出一个框，显示内容
** 简写alert()
- confirm()： 确认框
- var flag = window.confirm(“显示的内容”);
-点击确定返回true，点击取消返回false
- prompt()： 输入的对话框
- window.prompt(“please input : “,”0”);
- window.prompt(“在显示的内容”,”输入框里面的默认值”);
- open() :　打开一个新的窗口
** open(“打开的新窗口的地址url”,”“,”窗口特征，比如窗口宽度和高度”)
- 创建一个按钮，点击这个按钮，打开一个新的窗口
- window.open(“hello.html”,”“,”width=200,height=100”);
- close(): 关闭窗口(浏览器兼容性比较差)
- window.close();
- 做定时器
** setInterval(“js代码”,毫秒数) 1秒=1000毫秒
- 表示每三秒，执行一次alert方法
window.setInterval(“alert(‘123’);”,3000);//注意格式
** setTimeout(“js代码”,毫秒数)
- 表示在毫秒数之后执行，但是只会执行一次
- 表示四秒之后执行js代码，只会执行一次
window.setTimeout(“alert(‘abc’);”,4000);
** clearInterval(): 清除setInterval设置的定时器
var id1 = setInterval(“alert(‘123’);”,3000);//通过setInterval会有一个返回值
clearInterval(id1);
** clearTimeout() : 清除setTimeout设置的定时器
var id2 = setTimeout(“alert(‘abc’);”,4000);
clearTimeout(id2);