javascript基础拾遗(十)
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基础拾遗(十)的更多相关文章
- javascript基础拾遗(十二)
1.javascript的单线程特性 在javascript中,所有的代码都是单线程的 因此所有的网络操作,浏览器事件,都必须是异步执行的,异步执行的逻辑是回调. function callback( ...
- JavaScript 基础第十天
学习总结 1定时器 ①．setTimeout() // 间隔多长时间执行一次(会返回一个数字型的标识) ②．setInterval() // 间隔多长时间执行,是不断地执行. ③．clearTimeo ...
- 回归JavaScript基础（十）
主题:创建对象 原型模式 JavaScript中的每个对象都有一个prototype属性(原型属性),这个属性是一个指针,指向一个对象,而这个对象可以由一些属性和方法组成.被指向的对象,可以是多个对象 ...
- javascript基础拾遗(十三)
1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是"Write Less,Do More" 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实 ...
- javascript基础拾遗(十一)
1.DOM操作 1)查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式cl ...
- javascript基础拾遗(七)
1.对象的继承__proto__ var Language = { name: 'program', score: 8.0, popular: function () { return this.sc ...
- javascript基础拾遗(六)
1.Date内置对象 获取系统时间 var now = new Date() console.log(now) console.log(now.getDate()) console.log(now.g ...
- javascript基础拾遗(五)
1.什么是箭头函数 ES6引入的一种新的函数,类似匿名函数,x=>xx 箭头左端为函数参数,右端为函数体 相当于 function (x){ retutn xx } 2.箭头函数的特点 更简洁 ...
- javascript基础拾遗(二)
1.对象定义 定义属性 var language = { name:'javascript', score:9.0 }; console.log(language.name) console.log( ...
随机推荐
- Arduino和C51开发LCD1602显示屏
技术:51单片机.Arduino.LCD1602 概述 本文介绍了LCD1602显示屏,并在LCD1602上显示字符串,对LCD1602常见的问题的解决和开发方法也做了简单介绍. 详细 代码下载: ...
- 基于RecyclerView实现的分组显示信息demo
发布时间:2018-11-07 技术:Android Studio 3.1.3+ RecyclerView+sectionRecyclerViewAdapter 概述 利用sectionedR ...
- HTML5 Audio标签方法和函数API介绍
问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函数 ...
- 不可不知的Oracle常用技巧
不可不知的Oracle常用技巧 表复制 1.方法一:复制表结构和数据 create table temp_clientloginuser as select distinct userid from ...
- [转载]TortoiseGit安装与使用
原文地址:TortoiseGit安装与使用作者:了凡春秋 之前一直用SVN做项目开发,确实感觉这些版本控制工具非常实用,尤其是在一个团队开发项目的时候.最近偶然看到一个新的版本管理工具Git,它本来是 ...
- Windows XPSP3通过网络级身份验证方式连接Windows Server 2008远程桌面
远程桌面大大方便了大家的日常管理工作,Windows Server 2008同样秉承这一优秀特性,并引入网络级身份验证(NLA)作为远程桌面连接的默认身份验证方式. 网络级身份验证 (NLA) 是一种 ...
- CentOS SVN客户端应用
一.CentOS安装TortoiseSVN yum install -y subversion 二.SVN客户端命令 1.将文件checkout到本地目录 svn checkout path( ...
- apache日志记录格式LogFormat参数说明
在apache的配置文件httpd.conf里一般都有类似于LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Refere ...
- java 实现二分法
http://www.cnblogs.com/vanezkw/archive/2012/06/29/2569470.html JDK里面的二分法实现.二分法的实现有多种今天就给大家分享两种.一种是递归 ...
- sqlyog v12.09 注册码
1.小巧的自动完成.2.HTTP/HTTPS和SSH通道.3.向导化的汇入工具包.4.结构化的同步,可以设定任务计划,按照特定的时间进行同步作业,并对同步数据进行校验.5.工作管理器.计划备份.以及通 ...