浏览器

浏览器是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有被用户禁止的问题,这部分的内容先不做整理
      。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容