原生态的JavaScript对DOM的操作 比jquery更方便,特别是当没有id  或class 可以获取的时候,只有用tag名获取

HTML DOM Element 对象操作  http://www.w3school.com.cn/jsref/dom_obj_all.asp

百度开放平台 :http://lbsyun.baidu.com/index.php?title=open/library&qq-pf-to=pcqq.group

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <style type="text/css">
  5. #container{
  6. font-size:12px;
  7. margin:5px 0;
  8. }
  9. </style>
  10. <title>
  11. 城市列表显示示例</title>
  12.  
  13. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
  14. <script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.4/src/CityList_min.js"></script>
  15.  
  16. </head>
  17. <body>
  18. <div id="container"></div>
  19. <div style="width:520px;height:340px;border:1px solid gray" id="map_container"></div>
  20.  
  21. <button type="button" onclick="data()">show</button>
  22. <button type="button" onclick="addArea()">addArea</button>
  23. <button type="button" onclick="delArea()">delArea</button>
  24. <div id ='data'></div>
  25. <div id="demo"></div>
  26. </body>
  27. </html>
  28. <script type="text/javascript">
  29. // 新创建地图
  30. var map = new BMap.Map("map_container");
  31. map.centerAndZoom(new BMap.Point(121.478125,31.229649), 12);
  32.  
  33. var cityList = new BMapLib.CityList({
  34. container: 'container',
  35. map: map
  36. });
  37.  
  38. cityList.getBusiness('中关村', function(json){
  39. console.log('商圈');
  40. console.log(json);
  41. });
  42.  
  43. cityList.getSubAreaList(131, function(json){
  44. console.log('城市列表');
  45. console.log(json);
  46.  
  47. });
  48.  
  49. cityList.addEventListener('cityclick', function(e){
  50. console.log(e);
  51. });
  52. /*
  53. 百度地址商圈采集脚本,目前是省和市选定后,选择区域,然后点addArea按钮就可以采集数据,因为第三个select选择后,
  54. 第四个select 的数据从百度上面调过来了,然后直接,用原生javascript采集就可以,
  55. ### 新想法是,绑定第三个select 的 change事件,选择一个就添加一次数据,这样就更快
  56. */
  57. var j = 0;
  58.  
  59. function addArea(){
  60.  
  61. this.j++;
  62.  
  63. var k = document.getElementsByTagName('select')[2].childNodes[this.j];
  64.  
  65. document.getElementById('data').innerHTML = k.value+k.text;
  66.  
  67. //document.getElementById("demo").innerHTML = '';
  68.  
  69. data();
  70.  
  71. }
  72.  
  73. function delArea(){
  74.  
  75. this.j--;
  76.  
  77. var xx = document.getElementsByTagName('select')[2].childNodes[this.j];
  78.  
  79. document.getElementById('data').innerHTML = xx.value+xx.text;
  80.  
  81. //document.getElementById("demo").innerHTML = '';
  82.  
  83. }
  84.  
  85. function data(){
  86.  
  87. var b = document.getElementsByTagName('select')[2].childNodes[this.j];
  88.  
  89. var c = document.getElementsByTagName('select')[3].childNodes;
  90.  
  91. var txt ='';
  92.  
  93. for (i=1; i<c.length; i++)
  94. {
  95.  
  96. txt +='(\''+c[i].value +'\''+ ',' +'\''+c[i].text+'\''+','+'\''+b.value+'\''+'),'+'<br>';
  97.  
  98. };
  99. var x=document.getElementById("demo");
  100.  
  101. x.innerHTML+=txt;
  102.  
  103. }
  104.  
  105. </script>

javascript 之获取 百度地址参数方法的更多相关文章

  1. 获取URL地址参数方法

    //获取url参数 getQueryVariable(variable){ var query =decodeURIComponent(window.location.search.substring ...

  2. js获取IP地址多种方法实例教程

    js获取IP地址方法总结   js代码获取IP地址的方法,如何在js中取得客户端的IP地址.原文地址:js获取IP地址的三种方法 http://www.jbxue.com/article/11338. ...

  3. PHP获取IP地址的方法,防止伪造IP地址注入攻击

    PHP获取IP地址的方法 /** * 获取客户端IP地址 * <br />来源:ThinkPHP * <br />"X-FORWARDED-FOR" 是代理 ...

  4. JavaScript和微信小程序获取IP地址的方法

    最近公司新加了一个需求,根据用户登录的IP地址判断是否重复登录,重复登录就进行逼退,那么怎么获取到浏览器的IP地址呢?最后发现搜狐提供了一个JS接口,可以通过它获取到客户端的IP. 接口地址如下: h ...

  5. javascript/jquery获取url地址栏参数的方法

    简洁jq方法获取url地址栏的参数 function getQueryVariable(variable){ var query = window.location.search.substring( ...

  6. js获取IP地址的方法小结

    s代码获取IP地址的三种方法,在js中取得客户端的IP地址. 原文地址:http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <scrip ...

  7. 通过request获取ID地址的方法

    // 获取IP地址 public static String getIpAddr(HttpServletRequest request) {  String ip = request.getHeade ...

  8. Javascript/jQuery 获取地址栏URL参数的方法

    1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg ...

  9. javascript/jquery获取地址栏url参数的方法

    1.jquery获取url window.location.href; 2.通过javascript是如何获取url中的某个参数 function getUrlParam(name) { var re ...

随机推荐

  1. 关于在Android中访问和使用到上下文变量

    在监听器内部实现类中要引用上下文变量this的时候 一.采用类名.this的方法 FActivity.this 二.采用全局变量当做中间变量 1.先定义一个全局变量 private Context m ...

  2. MySQL 常用语法 之 UNION与UNION ALL

    下面讲一下mySql中的union和union all 的功能以及区别 A union B 是将表A的数据和表B的数据连接成一张表,前提是查询的两张表的列数一定要一样否则出错. A union all ...

  3. MySQL 插入数据时,中文乱码问题的解决

    当向 MySQL 数据库插入一条带有中文的数据形如 insert into employee values(null,'张三','female','1995-10-08','2015-11-12',' ...

  4. 算法--将Excel列索引转换成默认标识

    使用POI导入Excel时,有时对模板进行验证,假如第1行第1列错误,此时的rowIndex=columnIndex=0,与平时看到的Excel行列标记相比不太直观,因此通过相应的算法将其转换成人们熟 ...

  5. bootstrap 标签页tab切换js(含报错原因)

    booststrap 标签页的tab切换,相信大家已经都很熟悉了,在boot官网示例以及其他网站已经很多罗列相关代码的了,这里就不赘述了.这里主要贴下让boot标签页默认显示哪个标签页的js. 主要留 ...

  6. win7笔记本电脑怎么做wifi热点

    win7设置wifi热点后非常方便,可以给其他笔记本和手机之类支持无线上网的移动设备使用,接下来请看超简单的详细设置方法. 方法/步骤 1 第一步先打开“控制面板” 2 点击“网络和Internet” ...

  7. 使用matlab批量处理图像后在指定文件夹存储

    使用matlab批量处理图像后在指定文件夹存储 clear;clc;close all; Files=dir('D:\文件及下载相关\文档\MATLAB\postgraduate\Kodak\*.jp ...

  8. Java任务调度开源框架quartz学习

    一.quartz学习 Java框架介绍:Quartz从入门到进阶 http://edu.yesky.com/edupxpt/233/2209233.shtml 1.例子:http://javacraz ...

  9. 第一章 Spring.Net介绍

    1.1 概述 在Java社区中Spring经历的长时间的考验,已经是一套很成熟稳定的框架.而Spring.Net 的前身是 Java版的Spring.Spring.Net是以Java版的Spring框 ...

  10. Python 流程控制:for

    for 循环用于对一个序列进行遍历,用法如下: In [4]: for i in 'abcd': ...: print(i) ...: a b c d In [13]: for i in range( ...