浏览器是web开发的载体,不同的设备有不同的分辨率,同时使用不同的浏览器也会令窗体有区别
我们上文中使用的document文档流是window下一个全局属性,window则表示窗口可以认为是一颗大树的根
- window 浏览器窗口
- open(url,name,features,replace) 打开一个新窗口,这里的url是必须的,name和feature可选,用的比较少,replace参数,true则在浏览历史中替换了当前路径,如果false则新建浏览记录。(初步使用就认为是打开新页面就可以了)
window.open('http://www.jianshu.com');
- close()关闭当前窗口
window.close();
- 获取窗口的Width和Height
var _width = window.innerWidth; //窗口宽度
var _height = window.innerHeight; //窗口高度
//如果你还在执着与IE6/7/8 本猿无话可说,上面的代码只能在IE9以上和其他浏览器中执行
- screen 可视界面 (这个用的比较少)
- availWidth/availHeight 可用屏幕宽度/高度,这个在windows下等于屏幕的横向分辨率,如果你把任务栏竖放就不是啦~(毕竟浏览器的最大开启视野要减去任务栏)
var _sWidth=window.screen.availWidth;
var _sHeight = screen.availHeight;
//screen也是window下的全局属性,可以直接使用。
- Navigator 浏览器属性
- 这个属性在现在的浏览器兼容性开发中起到判断先驱的作用,通过这个属性可以判断浏览器类型,也可获取浏览器版本等信息。
//下面列举几个比较常用的
window.navigator.userAgent //浏览器用于 HTTP 请求的用户代理头,常用来判定浏览器类型(在js demo文集中会有讲述)
window.navigator.appCodeName //浏览器的内核名
window.navigator.appVersion //浏览器版本
window.navigator.cookieEnabled //cookie是否可用
window.navigator.platform //当前系统 用来区分系统类型匹配下载文件等
- location 获取当前URL/跳转到新的地址(与window.open不同,在本页面跳转)
location.href //当前地址URL全部,包括host,port,path,参数;也可以用作跳转页面
location.assign //与href的效果一样,但它是重新加载一个文档,也会生成历史记录
location.replace //替换当前文档,历史记录会被清空,不能回退
location.hostname //当前host IP
location.port //当前 port 端口
location.pathname //当前路径,不包含参数从/开始
location.protocol //使用的协议 http/https
- history 历史记录属性,这个在手机端开发尤其重要
history.go(-1) //回退,相当于返回按钮
history.go(0) //刷新当前页面
history.back() //相当于go(-1)
history.forward() //前进按钮
- setTimeout /setInterval 计时函数
//setTimeout是多少毫秒之后执行,而且只执行一次
var _st = setTimeout(function(){
console.log('timeout!');
},1000);
//在页面加载后一秒钟会在控制台输出timeout!
clearTimeout(_st);
//清除setTimeout;
//setInterval是多少毫秒执行一次,无限次执行
var time=0;
var _sl = setInterval(function(){console.log(time+=1)},1000);
//每隔一秒打印当前次数;
- cookie用来存储用户信息,方便以后识别用户(不用重复登录)
- 考虑到目前html5中讲述的sessionStroage和locationStroage(可以查看html/html5的文章),更多使用locationStroage来存储,cookie有被用户禁止的问题,这部分的内容先不做整理
。。。
- 考虑到目前html5中讲述的sessionStroage和locationStroage(可以查看html/html5的文章),更多使用locationStroage来存储,cookie有被用户禁止的问题,这部分的内容先不做整理