原生态的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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

    #container{

        font-size:12px;

        margin:5px 0;

    }

</style>

<title>

城市列表显示示例</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>

<script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.4/src/CityList_min.js"></script>

</head>

<body>

<div id="container"></div>

<div style="width:520px;height:340px;border:1px solid gray" id="map_container"></div>

<button type="button" onclick="data()">show</button>

<button type="button" onclick="addArea()">addArea</button>

<button type="button" onclick="delArea()">delArea</button>

<div id ='data'></div>

<div id="demo"></div>

</body>

</html>

<script type="text/javascript">

// 新创建地图

var map = new BMap.Map("map_container");

map.centerAndZoom(new BMap.Point(121.478125,31.229649), 12);

var cityList = new BMapLib.CityList({

    container: 'container',

    map: map

});

cityList.getBusiness('中关村', function(json){

    console.log('商圈');

    console.log(json);

});

cityList.getSubAreaList(131, function(json){

    console.log('城市列表');

    console.log(json);

});

cityList.addEventListener('cityclick', function(e){

    console.log(e);

});

/*

百度地址商圈采集脚本，目前是省和市选定后，选择区域，然后点addArea按钮就可以采集数据，因为第三个select选择后，

第四个select 的数据从百度上面调过来了，然后直接，用原生javascript采集就可以，

### 新想法是，绑定第三个select 的 change事件，选择一个就添加一次数据，这样就更快

*/

var j = 0;

function addArea(){

    this.j++;

    var k = document.getElementsByTagName('select')[2].childNodes[this.j];

    document.getElementById('data').innerHTML = k.value+k.text;

    //document.getElementById("demo").innerHTML = '';

    data();

}

function delArea(){

    this.j--;

    var xx = document.getElementsByTagName('select')[2].childNodes[this.j];

    document.getElementById('data').innerHTML = xx.value+xx.text;

    //document.getElementById("demo").innerHTML = '';

}

function data(){

    var b = document.getElementsByTagName('select')[2].childNodes[this.j];

    var c = document.getElementsByTagName('select')[3].childNodes;

    var txt ='';

    for (i=1; i<c.length; i++)

    {

            txt +='(\''+c[i].value +'\''+ ',' +'\''+c[i].text+'\''+','+'\''+b.value+'\''+'),'+'<br>';

    };

        var x=document.getElementById("demo");  

        x.innerHTML+=txt;

}

</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. Maven学习日记（一）----构建web项目

    创建maven-web项目: dos进入workspace目录: D:\workspace>mvn archetype:create -DgroupId=org.sonatype.mavenbo ...

  2. 第二百九十九节，python操作redis缓存-SortSet有序集合类型，可以理解为有序列表

    python操作redis缓存-SortSet有序集合类型,可以理解为有序列表 有序集合,在集合的基础上,为每元素排序:元素的排序需要根据另外一个值来进行比较,所以,对于有序集合,每一个元素有两个值, ...

  3. 关于IFrame表述正确的有：()

    A. 通过IFrame,网页可以嵌入其他网页内容,并可以动态更改 B. 在相同域名下,内嵌的IFrame可以获取外层网页的对象 C. 在相同域名下,外层网页脚本可以获取IFrame网页内的对象 D. ...

  4. (转)MPEG4码流简单分析

    把MPEG4码流的分析和它的I,P,B Frame的判定方法在这里简要记录一下吧,供日后的翻看和大家的参考.   测试解码器测试了很久,由于需要将H264和MPEG4的码流进行分析和判断,并逐帧输入解 ...

  5. 搭建局域网SVN代码服务器

    1.安装Subversion,安装好后,在控制台输入“svn help”,如果成功安装,则会有很多命令打印输出:2.svnadmin create F:\Java_workspace\Reposito ...

  6. 关于HTTP keep-alive的实验（转至 http://my.oschina.net/flashsword/blog/80037）

    前面一篇文章提到,HTTP1.1中持久连接已经是默认配置,除非设置Connection为close,否则默认都会进行持久连接.但是我们知道事实标准跟教科书还是可能会有一定差距的,所以不妨自己尝试一下. ...

  7. c++ const enum #define

    最后的最后,我们略微总结一下:        1.只是声明单一固定值,尽可能采用const.        2.如果是一组固定值,并且互相有关联,则采用enum.        3.不涉及条件编译,只 ...

  8. rsync文件同步、Inotify-tools参数详解

    inotifywait用于等待文件或文件集上的一个待定事件,可以监控任何文件和目录设置,并且可以递归地监控整个目录树: inotifywatch用于收集被监控的文件系统计数据,包括每个inotify事 ...

  9. 【Python】添加注册表信息脚本

    http://wrox.cn/article/1004030/ # -*- coding: utf-8 -*- """ Created on Tue Jun 02 16: ...

  10. matlab imresize 改变图像大小

    功能:改变图像的大小. 用法:B = imresize(A,m)B = imresize(A,m,method)B = imresize(A,[mrows ncols],method) B = imr ...