1.支持ES6标准的浏览器

IE10+

Chrome

Safari

Firefox

移动端浏览器统一都支持

需要注意的是，不同浏览器对各个特性的支持也不一样

2.window对象

当前浏览器窗口对象

innerWidth，innerHeight可用于网页显示的净宽高

outerWidth，outerHeight整个浏览器的宽高

console.log(window.innerWidth)

console.log(window.innerHeight)

console.log(window.outerWidth)

console.log(window.outerHeight)

3.navigator对象

当前浏览器信息

appName:浏览器名称

appVersion：浏览器版本

language:浏览器设置的语言

platform:操作系统类型

userAgent:浏览器设置的User-Agent字符串

console.log(navigator.appName)

console.log(navigator.appVersion)

console.log(navigator.language)

console.log(navigator.platform)

console.log(navigator.userAgent)

不同浏览器获取Dom对象的方法可能不同，在做浏览器兼容时，有时会用navigator对象来判断浏览器类型，调用对应的方法，

但是navigator对象很容易被篡改，因此，正确的方法是使用或运算符||

var width = window.innerWidth || document.body.clientWidth

4.screen对象

当前屏幕的信息

width:屏幕宽度

height：高度

5.location对象

当前页面的URL信息

// 协议 http

console.log(location.protocol)

// 域名 localhost:63342

console.log(location.host)

// 端口 63342

console.log(location.port)

// 文件路径 /jqeryMasonry/test.html

console.log(location.pathname)

// 参数 ?_ijt=pk3b0f1bluvaub40g8sp28rdc6

console.log(location.search)

6.document对象

当前页面对象

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<ul id="language-list">

    <li>C</li>

    <li>Python</li>

    <li>JavaScript</li>

</ul>

<script type="text/javascript">

    document.title = "语言列表"

    var language_list = document.getElementsByTagName('li')

    for(var i=0;i<language_list.length;i++){

        console.log(language_list[i].innerHTML)

    }

</script>

</body>

</html>

document.cookie获取客户端浏览器存放的对应该域名的的cookie

cookie是由服务端写到客户端的（key-value），对于一些重要的信息，因为XSS（跨站脚本攻击）的原因,需要禁止javascript访问该cookie,写入的时候应该加入限制httpOnly。

javascript基础拾遗(十)的更多相关文章

  1. javascript基础拾遗(十二)

    1.javascript的单线程特性 在javascript中,所有的代码都是单线程的 因此所有的网络操作,浏览器事件,都必须是异步执行的,异步执行的逻辑是回调. function callback( ...

  2. JavaScript 基础第十天

    学习总结 1定时器 ①．setTimeout() // 间隔多长时间执行一次(会返回一个数字型的标识) ②．setInterval() // 间隔多长时间执行,是不断地执行. ③．clearTimeo ...

  3. 回归JavaScript基础（十）

    主题:创建对象 原型模式 JavaScript中的每个对象都有一个prototype属性(原型属性),这个属性是一个指针,指向一个对象,而这个对象可以由一些属性和方法组成.被指向的对象,可以是多个对象 ...

  4. javascript基础拾遗(十三)

    1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是"Write Less,Do More" 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实 ...

  5. javascript基础拾遗(十一)

    1.DOM操作 1)查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式cl ...

  6. javascript基础拾遗(七)

    1.对象的继承__proto__ var Language = { name: 'program', score: 8.0, popular: function () { return this.sc ...

  7. javascript基础拾遗(六)

    1.Date内置对象 获取系统时间 var now = new Date() console.log(now) console.log(now.getDate()) console.log(now.g ...

  8. javascript基础拾遗(五)

    1.什么是箭头函数 ES6引入的一种新的函数,类似匿名函数,x=>xx 箭头左端为函数参数,右端为函数体 相当于 function (x){ retutn xx } 2.箭头函数的特点 更简洁 ...

  9. javascript基础拾遗(二)

    1.对象定义 定义属性 var language = { name:'javascript', score:9.0 }; console.log(language.name) console.log( ...

随机推荐

  1. 初次使用Microsoft Azure

    一.介绍 在微博上偶然发现微软的Azure有免费申请试用的机会,于是赶快给微软发邮件申请,第二天就通过了. 早就听说过微软在云计算方面发力,但一直没机会试用,之前用过国产的BAE.SAE,用GoAge ...

  2. 【linux环境】Linux环境 php连接oracle11g数据库（相关插件已备份至U盘）

    1.环境:centos6 . LNMP(linux环境都可以,跟服务器没啥大关系) 2.前期准备:弄清楚 项目php的运行目录,php.ini的配置目录,php-config的运行目录 3.安装先知: ...

  3. spring事务——try{...}catch{...}中事务不回滚的几种处理方式

    当希望在某个方法中添加事务时,我们常常在方法头上添加@Transactional注解 @ResponseBody @RequestMapping(value = "/payment" ...

  4. fedora开机出现There is a problem with the configuration server. (/usr/libexec/gconf-sanity-check-2 exited with status 256)

    Install problem!The configuration defaults for GNOME Power Manager have not been installed correctly ...

  5. ios实例开发精品文章推荐（7.23）

    ---------------------------------------------------------------------------------------------------- ...

  6. http状态--status[查询的资料备注]

    HTTP 状态消息 当浏览器从 web 服务器请求服务时,可能会发生错误. 从而有可能会返回下面的一系列状态消息: 1xx: 信息 消息: 描述: 100 Continue 服务器仅接收到部分请求,但 ...

  7. VS2010启动多个实例调试

    项目中经常出现一个解决方案里面有多个程序,如果想按F5启动多个实例进行操作调试那该怎么操作呢? 以前自己都使用附加进程的方法调试,这样的调试不需要按F5,自己只要运行多个程序后,使用vs的附加进程到对 ...

  8. linux达人养成计划学习笔记（五）—— 关机和重启命令

    一.shutdown 1.格式: shutdown [选项] 时间(now) 选项: -c: 取消前一个关机命令 -h: 关机 -r: 重启 2.程序放入后台执行: shutdown -r 时间 &a ...

  9. android 安卓APP获取手机设备信息和手机号码的代码示例

    下面我从安卓开发的角度,简单写一下如何获取手机设备信息和手机号码 准备条件:一部安卓手机.手机SIM卡确保插入手机里.eclipse ADT和android-sdk开发环境 第一步:新建一个andro ...

  10. 【java】详解集合

    目录结构: contents structure [-] 集合概述 什么是集合 Collection和Map的区别 List和Set的区别 ArrayList和LinkedList的区别 HashSe ...