原生态的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. 关于Cocos2d-x中节点和精灵的关系以及初始化

    1.每一个对象类都有一个自己public的一个create函数(等价于CREATE_FUNC),和init函数. 2.create函数返回的是自身的类型,init函数是在ceate函数被调用的时候自动 ...

  2. Deep Learning 经典网路回顾#之LeNet、AlexNet、GoogLeNet、VGG、ResNet

    #Deep Learning回顾#之LeNet.AlexNet.GoogLeNet.VGG.ResNet 深入浅出——网络模型中Inception的作用与结构全解析 图像识别中的深度残差学习(Deep ...

  3. C struct的内存对齐

    说明:如果你看到了这篇,请略过. struct是复合类型. 其中的成员在内存中的分布都是对齐的. 这个对齐的意思是,struct的sizeof运算结果必定是其最大类型长度的整数倍. --注意,如果st ...

  4. matlab下使用svmlib工具包

    虽然网络上已经有了很多的类似的东西了吧.但是呢,我自己还是要写一写的. 安装: 对于 libsvm工具包,我们可以去官方网站下载,网址为:http://www.csie.ntu.edu.tw/~cjl ...

  5. (转)_declspec(dllexport)

    先看代码:以下是在dev-c++里建立自已的dll时的dll.h里面的代码,这里面有一个:_declspec(dllexport) #ifndef _DLL_H_#define _DLL_H_//防重 ...

  6. 在Terminal中的光标的使用技巧

    如何简单操作? 在 Terminal(终端) 中,有许多操作技巧,这里就介绍几个简单的. 光标 up(方向键上) 可以调出输入历史执行记录,快速执行命令 down(方向键下) 配合 up 选择历史执行 ...

  7. 小明A+B(杭电2096)

    /*小明A+B Problem Description 小明今年3岁了, 如今他已经可以认识100以内的非负整数, 而且可以进行100以内的非负整数的加法计算. 对于大于等于100的整数, 小明仅保留 ...

  8. MathType编辑双向斜箭头的教程

    箭头是一个很常见的符号,不只是在数学中,在各个方面出现的频率都很高,因此在数学公式中出现时,用MathType公式编辑器编辑公式时也要尽量地能够编辑出这些符号.箭头符号在MathType中有很多,使用 ...

  9. 帝国CMS 列表模板list.var支持程序代码

    1.增加模板时list.var模板需要勾选“使用程序代码”选项.如图: 2.直接添加PHP代码,不需要加<?和?>程序开始和结束标记. 3.字段值数组变量为$r,对应的字段变量为$r[字段 ...

  10. oracle_存储过程_没有参数_根据配置自动创建申请单以及写日志事务回滚

    CREATE OR REPLACE PROCEDURE A_MEAS_MIINSP_PLAN_CREATEASvs_msg VARCHAR2(4000);p_PERIODTYPE number; -- ...