javascript 之获取 百度地址参数方法
2017-03-17 14:05
561 查看
原生态的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 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 url地址传参及获取参数的简单实用方法(利用正则表达式)
- javascript获取地址栏参数的方法
- Javascript url地址传参及获取参数方法(利用正则表达式)
- JavaScript获取html静态页地址后的参数的方法
- javascript/jquery获取地址栏url参数的方法
- JavaScript RegExp方法获取地址栏参数(面向对象)
- Javascript/jQuery 获取地址栏URL参数的方法
- 使用JavaScript获取地址栏参数的方法
- [转载]javascript/jquery获取地址栏url参数的方法
- JavaScript正则获取地址栏中参数的方法
- javascript获取url地址参数实现方法
- javascript/jquery获取地址栏url参数的方法
- JavaScript/JQuery获取地址栏url参数的方法
- JavaScript RegExp方法获取地址栏参数(面向对象)
- javascript/jquery获取地址栏url参数的方法
- 使用JavaScript获取地址栏参数的方法
- Javascript 获取链接(url)参数的方法
- 用javascript获取地址栏参数
- Javascript 获取链接(url)参数的方法
- javascript 获取GET方法的参数