BOM
BOM是浏览器对象模型,(Browser Object Model):主要是操作浏览器。
window是浏览器中的顶级对象。
location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。
//主要用的有
location.href = "url"//跳转页面
navigator中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。
//navigator.platform:判断浏览器所在的系统
//navigator.userAgent:判断是什么浏览器
chrome浏览器:
screen常常用来判断屏幕的高度宽度等。
history关于历史记录的信息。
打开新页面的方式
//1.
<a href ="javascript:open('http://www.baidu.com',_self)></a>
//2.
open("http://www.baidu.com",_self);
//3.
<a href ="http://www.baidu.com" target = _self></a>
window.onload
window.onload事件:当文档全部加载完毕后执行回调函数,一个页面只能有一个onload事件,下面的onload事件会覆盖前面的onload事件。
获取form提交数据
window.location.search属性可以获取用户在表单中输入的信息,他会在网址栏被编码,我们可以通过api获取这些信息。
function parseSearch(){
var search = window.location.search;
var obj = {};
if(search){
var splits = search.slice(1).split("&");
for(var i = 0; i < splits.length; i++){
var arr =splits[i].split("=");
obj[arr[0]] = arr[1];
}
}
return obj;
}