BOM及获取form提交的数据封装

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;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值