• 提升品牌形象
  • 最新HTML5+Css3网站制作技术
  • 完全区分与同行的震撼视觉体验
  • 自动适应平板、手机及电脑屏幕
  • 详细介绍
  • 企业网站入门首选
  • 强大丰富的系统功能
  • 超过1000种页面风格
  • 每年仅需¥1500元,两年仅需¥2000元
  • 详细介绍
  • 4000/4006两种开头选择
  • 智能占线、断线呼转
  • 高达300组可呼转号码
  • 智能语音导航
  • 详细介绍

If you have any question,please contact with us.

  • 昆明网站建设-在线客服

    蛋切刀 一指
    妖异眼瞳
  • 昆明网站设计-服务电话

    4000-555-94113099998627
  • 昆明网站建设-联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101

HTML5 实例-微设计创意工坊 为您提供 昆明网站制作 昆明网站建设 昆明网站设计 云南网站建设 昆明网络公司

  • Home
  • /
  • HTML5 实例
实例10-4 使用getCurrentPosition方法获取出错数据信息

实例10-4 使用getCurrentPosition方法获取出错数据信息

1.功能描述

在新建的HTML页面中,当使用getCurrentPosition方法获取当前用户的浏览器地理位置信息时,在弹出的是否共享窗口中,如果用户选择了“拒绝”,则将捕获的错误信息通过回调函数errorCallback()中的error,code与errormessage显示在页面中。

2.实现代码

在DreamweaverCS5中新建一个HTML页面10-4.html,加入代码如代码清单10-4所示。

代码清单10-4 使用getCurrentPosition方法获取出错数据信息

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>使用getCurrentPosition方法获取出错数据信息</title>
	<link href="Css/cssl0.css"rel="stylesheet11type="text/cssn>
	<scripttype="text/javascript" language="jscript"
	      src="Js/js4.js"/>
	</script〉
	<script type="text/javascript" language="jscript"
	        src="http://maps.google.com/maps/api/js?sensor=false"/>
	</script>
	</head>
	<body onLoad="pageload();">
	   <p id="pStatus"></p>
	</body>
	</html>

在代码清单10-4中,页面导入一个JavaScript文件js4.js,其中自定义了一个函数pageload(),在页面加载时调用。其实现的代码如下所示:

	//JavaScript Document
	function $$(id){
	    return document.getElementByld(id);
	}
	//自定义页面加载时调用的函数
	function pageload(){
	    if(navigator.geolocation){
	       navigator.geolocation.getCurrentPosition(function(ObjPos){
	           Status_Handle(n获取成功!");
	       },
	       function(objError){
	           Status_Handle(objError.code+":"+objError.message);
	       },
	       {
	           maximumAge:3*1000*60,
	           timeout:3000
	       }};
	    }
	}
	//自定义显示执行过程中状态的函数
	function Status_Handle(message){
	    $$("pStatus").style.display="block";
	    $$("pStatus").innerHTML=message;

3.页面效果

该页面在Chrome10浏览器中执行的效果如图10-4所示。

图10-4 使用getCurrentPosition方法获取出错数据信息

4.源码分析

在本实例中,如果浏览器第一次调用getCurrentPosition()方法,出于安全的考虑,浏览器会询问用户是否共享位置数据信息。如果用户拒绝,该方法将出现错误,并无法获取用户的地理位置数据,只有当用户允许共享地理位置时,getCurrentPosition()方法才能生效。

本文由昆明网站建设,昆明微设计整理发布,转载请保留链接


  • If you have any question,please contact with us.

  • QQ在线客服

    蛋切刀
    可乐上瘾
    妖异眼瞳
  • 服务电话

    4000-555-94113099998627
  • 联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101