第11章 获取地理位置信息

HTML5为window.navigator对象新增了一个geolocation属性

取得当前地理位置

void getCurrentPosition(onSuccess,onError,options);

第一个参数为获取成功执行的回调函数，第二个为失败时执行的回调函数，第三个为一些可选属性的列表（第二个和第三个可选）

navigator.geolocation.getCurrentPosition(function(position){

　　　　//获取成功时的处理(参数position为一个position对象)

　　})

getCurrentPosition方法的第二个参数为获取失败时调用的函数，可以是一个提示框等

当浏览器询问用户是否共享位置信息，选择否也会引发错误，回调函数有一个error对象，具有两个属性

code属性：用户拒绝了位置服务（值为1）　　获取不到位置信息（值为2）　　获取信息超时错误（值为3）

message属性：为一个字符串，包含了错误信息，在调试时有用处

getCurrentPosition方法的第三个参数，可以有：

enableHighAccuracy：是否要求高精度地理位置信息，需要综合考虑设备电量、具体地理情况来考虑，多数情况下为默认

timeout：对地理位置信息获取操作的限时操作（单位毫秒），在规定时间未获取到则返回错误

maximumAge：对地理位置信息进行缓存的有效时间（毫秒），过期后尝试再次获取信息

navigator.geolocation.getCurrentPosition(

　　　　function(position){...},

　　　　function(error){...},

　　　　{maximumAge:60*1000*2,timeout:5000}

　　)

持续监视当前地理位置的信息（定期自动获取）

int watchCurrentPosition(onSuccess,onError,options);

其参数与getCurrentPosition方法相同，同时返回一个数字，可以被clearWatch方法使用，停止监视

停止void clearWatch(watchId);

position对象：获取地理位置成功以后，调用的回调函数访问position对象的属性

latitude：维度

longitude：经度

altitude：海拔高度，不能获取则为null

accuracy经纬度的精度（米）

altitudeAccurancy海拔高度的精度（米）

heading设备的前进方法，面朝正北的顺时针角度表示，不能获取则为null

speed设备的前进速度，不能获取则为null（米/秒）

timestamp获取位置时的时间

第12章 CSS3概述

CSS3中，没有采用总体结构，而是采用分工协作的模块化结构

模块式的好处在于防止某些浏览器不完全支持一些功能时，拆分成多个模块以逐步支持

第3章 选择器

在样式中指定class缺点有：class本身没语义；使用混乱

属性选择器[att*=val][att^=val][att$=val]

结构性伪类选择器

伪类选择器就是CSS中已经定义好的选择器，不可以随便改名（前加“:”）

a:link a:visited a:hover a:active first-line first-letter before after

root选择器：将样式绑定到页面的根元素（整个<HTML>）

not选择器：排除这个结构元素下面的子结构元素

empty选择器：指定元素内容为空白时使用的样式

target选择器：<a href="#text1">文字</a>，跳转到id等于text1时，变化的样式

first-child last-child nth-child（:nth-child(3)第3个元素 若odd为奇数）和nth-last-child（:nth-last-child(3)倒数第3个元素 若even为偶数）

nth-of-type和nth-last-of-type，按照类型排序，上例是指全部元素的奇数元素的一个，这里指全部奇数元素的某一个

only-child选择器：仅仅只有一个子元素时应用样式

UI元素状态伪类选择器

除了结构性伪类选择器外，还有UI元素状态伪类选择器

:hover :active :focus :enabled（可用） :disabled（不可用）:read-only（只读readonly="readonly"） :read-write（非只读） :checked（radio单选框或checkbox复选框处于选取状态，Firefox必须写成-moz-checked）  :default（单选或复选框处于默认选取状态）:indeterminate（任何一个单选框都没有被设定为选取状态时，整体的样式，用户选中其中一个则样式被取消）:selection（元素处于选中状态）

通用兄弟元素选择器

<子元素>-<子元素之后的兄弟元素>{}

HTML5与CSS3权威指南.pdf6的更多相关文章

  1. Html5与CSS3权威指南 百度云下载

    Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3

  2. HTML5与CSS3权威指南之CSS3学习记录

    title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...

  3. 【HTML5 4】《HTML5与CSS3权威指南》 step1 导读

    一.教程重点:以 HTML5和CSS3的新功能和新特性 为导向,辅之以 实战型实例页面 二.内容概况: 第1部分:详细讲解HTML5相关知识,包括 各主流浏览器对HTML5的支持情况. HTML5与H ...

  4. HTML5与CSS3权威指南笔记案例1

    第1章 <!DOCTYPE html> <meta charset = "UTF-8"> <title> Search </title&g ...

  5. HTML5与CSS3权威指南

    第一章:Web时代的变迁 HTML5放心使用的理由: 兼容性:HTML5在老板本的浏览器上也可以正常运行: 实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能: ...

  6. 读《HTML5与CSS3权威指南（上册）》笔记

    第二章 1.内容类型:“text/html”.DOCTYPE声明:<!DOCTYPE html>.指定字符编码:<meta charset="utf-8"> ...

  7. HTML5与CSS3权威指南.pdf9

    第21章 Media Queries相关样式 该模块中允许添加媒体查询(media query)表达式,用以指定媒体类型,根据媒体类型来选择使用的样式(显示器.便携设备.电视机) 使用方法@media ...

  8. HTML5与CSS3权威指南.pdf8

    第17章 与背景和边框相关的样式 与背景相关的新增属性 background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定 ...

  9. HTML5与CSS3权威指南.pdf5

    第9章 通信API 跨文档消息传输 HTML5提供了网页文档之间互相接收与发送信息的功能,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信 想要接受从其他窗口发过来的信息,要对 ...

随机推荐

  1. nodejs 实现机制

    最近在学习nodejs,作为一个从未学过javascript的程序员,把自己学习的过程贴出来,当做记录和总结吧. 1. nodejs的原理: nodejs完全是基于事件轮询机制的一个javascrip ...

  2. Java内存模型JMM与可见性

    Java内存模型JMM与可见性 标签(空格分隔): java 1 何为JMM JMM:通俗地讲,就是描述Java中各种变量(线程共享变量)的访问规则,以及在JVM中将变量存储到内存和从内存中读取变量这 ...

  3. HTML注释的一些规范

    HTMl里的一些注释符号 1.bady,head内部的注释:<!--放注释内容--> 2.css样式的注释:/*放注释的内容*/ 3.javascript注释 单行注释://放注释的内容 ...

  4. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  5. 【C语言】37个关键字

    C语言37个关键字 一.相关基础知识 年. 关键字:是由系统定义的,不能重新做其他定义的字符,且每个关键字已经赋予了不同的意义,让编程者能够使用来告诉编译器完成不同的工作PS:C语言严格区分大小写,i ...

  6. c#中struct和class的区别 z

    1.struct 是值类型,class是对象类型 2.struct 不能被继承,class可以被继承 3.struct 默认的访问权限是public,而class默认的访问权限是private. 4. ...

  7. POJ 1837 Balance 01背包

    题目: http://poj.org/problem?id=1837 感觉dp的题目都很难做,这道题如果不看题解不知道憋到毕业能不能做出来,转化成了01背包问题,很神奇.. #include < ...

  8. MyEclipse过期激活方法

    如果已经过期会提示,进行购买.重新激活和退出,我们选择重新激活. 打开浏览器,地址栏输入key.858game.com,然后输入名称,在线获得MyEclipse的激活码. 输入Sumscripter: ...

  9. Network Wars

    zoj2676:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=1676 题意:给出一个带权无向图 ,每条边e有一个权 .求将点 ...

  10. 【网络流24题】 No.2 太空飞行计划问题 （最大闭合权图 最大流 ）

    原题:         W教授正在为国家航天中心计划一系列的太空飞行.每次太空飞行可进行一系列商业性实验而获取利润.现已确定了一个可供选择的实验集合 E={E1,E2,...,Em},和进行这些实验需 ...