BOM(快速获取url后的参数)

**BOM:**浏览器对象模型 专门操作浏览器的api 兼容性不好。
核心操作对象是window:
1.它是js访问浏览器的一个接口,封装了所有dom和bom的方法。
2.它是全局作用域对象,定义在全局中的变量和函数都会变成它的属性和方法
六个字对象:

  1. document : DOM
  2. event:事件对象
  3. history:浏览器的历史记录
  4. location:窗口的url 地址栏的信息
  5. screen :显示设备的信息
  6. navigator :浏览器的配置信息

javascript标准化组织是ECMA
dom文档 对象模型标准化组织是w3c
**history:**封装当前窗口打开后,成功访问过的URL历史记录栈
length:返回浏览器历史列表中的URL数量
back():前一个URL
forward():后一个URL
go()某一个具体的页面 从0开始 是数值(-1代表后退 正值代表前进)

location:封装当前窗口正在打开的网址(URL)
.href 保存完整的URL地址
.protocol 协议(http https)
host 端口 hostname主机名 port端口号:区分一个服务器上的多个网站
pathname 相对路径
hash 哈希 锚点 #***
search 查询的字符串

http://127.0.0.1:8020/1202/03.html?username=laila&password=123456&xueli=gaozhong 
协议     端口号    相对路径   锚点       查询的字符串
//			需求:快速获取url后的参数
			function parseSearch(){
				var search = location.search;
				console.log(search);
				var obj = {};
				if(search !=""){
					var splits = search.slice(1).split("&");//["username=laila","password=123456"]
					console.log(splits);
					for(var i = 0 ;i<splits.length;i++){
						var arr = splits[i].split("=");//["username","laila"][]
						obj[arr[0]] = arr[1];
					}
				}
				console.log(obj)
			}
			parseSearch();
	Plugin:插件
			function fun(pname){
//				var plugin = navigator.plugins;
//				for(var i =0;i<plugin.length;i++){
//					if(plugin[i].name == pname ){
//						return true;
//					}
//				}
//				return false
				return navigator.plugins[pname] !== undefined;
			}
			document.write(fun("腾讯视频"));
			document.write(fun("Chrome PDF Viewer"));

事件坐标:

console.log("相对于屏幕的"+e.screenX,e.screenY)
				console.log("相对于文档显示区" + e.clientX,e.clientY)
				console.log("相对于当前元素的" + e.offsetX,e.offsetY)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值