javascript 之获取 百度地址参数方法

原生态的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="displayDate()">show</button>

<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);
});

function displayDate(){

    var areaindex = 16;

    var b = document.getElementsByTagName(‘select‘)[2].childNodes[areaindex];

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

    var txt =‘‘;

    for (i=1; i<c.length; i++)
    {
        if(i<c.length-1){
            txt +=‘(\‘‘+c[i].value +‘\‘‘+ ‘,‘ +‘\‘‘+c[i].text+‘\‘‘+‘,‘+‘\‘‘+b.value+‘\‘‘+‘),‘+‘<br>‘;
        }else{

            txt +=‘(\‘‘+c[i].value +‘\‘‘+ ‘,‘ +‘\‘‘+c[i].text+‘\‘‘+‘,‘+‘\‘‘+b.value+‘\‘‘+‘)‘+‘<br>‘;
        }
    };
        var x=document.getElementById("demo");
        x.innerHTML=txt;

}

</script>

<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="displayDate()">show</button>
<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);});

function displayDate(){
    var areaindex = 16;
    var b = document.getElementsByTagName(‘select‘)[2].childNodes[areaindex];
    var c = document.getElementsByTagName(‘select‘)[3].childNodes;
    var txt =‘‘;
    for (i=1; i<c.length; i++)    {        if(i<c.length-1){            txt +=‘(\‘‘+c[i].value +‘\‘‘+ ‘,‘ +‘\‘‘+c[i].text+‘\‘‘+‘,‘+‘\‘‘+b.value+‘\‘‘+‘),‘+‘<br>‘;        }else{
            txt +=‘(\‘‘+c[i].value +‘\‘‘+ ‘,‘ +‘\‘‘+c[i].text+‘\‘‘+‘,‘+‘\‘‘+b.value+‘\‘‘+‘)‘+‘<br>‘;        }    };        var x=document.getElementById("demo");          x.innerHTML=txt;
}

</script>

时间: 2024-10-16 09:18:55

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

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

js获取IP地址方法总结 js代码获取IP地址的方法,如何在js中取得客户端的IP地址.原文地址:js获取IP地址的三种方法 http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script type="text/<A class="infotextke

js获取IP地址的方法小结

s代码获取IP地址的三种方法,在js中取得客户端的IP地址. 原文地址:http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/<A class="infotextkey" href="http://

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

原文:PHP获取IP地址的方法,防止伪造IP地址注入攻击 PHP获取IP地址的方法 /** * 获取客户端IP地址 * <br />来源:ThinkPHP * <br />"X-FORWARDED-FOR" 是代理服务器通过 HTTP Headers 提供的客户端IP.代理服务器可以伪造任何IP. * <br />要防止伪造,不要读这个IP即可(同时告诉用户不要用HTTP 代理). * @param integer $type 返回类型 0 返回IP

(转)LINUX下Live555不能获取ip地址解决方法

linux下运行live55 显 示如图 :没有获取ip:  ip是0.0.0.0 live555在不知道本地IP地址与网络接口的情况下,通过一个在本地某端口建立一个UDP连接,然后把这个UDP连接加入 到一个组播组 ,当然要对这个组播组进行相应的设置,比如TTL,回环等等:然后通过UDP连接发送一个数据:最后通过这个UDP连接接收这个数据,并且解析相应的发送地址:大概流程就是这样了. 具体的代码片段live555:groupsock/GroupsockHelper.cpp里:因此我们设置固定的

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

1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg);  /

vue+webpack+vue-cli获取URL地址参数

在没有使用webpack+vue router开发中,想要获取RUL传的参数地址,直接通过一个函数就可以获得. 比如在  www.test.com/test.html?sign=test  地址中,想要获取sign的值,通常的方法是用一个函数, var getUrlStr =  function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = wi

asp.net获取ip地址的方法

在ASP中使用 Request.ServerVariables("REMOTE_ADDR") 来取得客户端的IP地址,但如果客户端是使用代理服务器来访问,那取到的就是代理服务器的IP地址,而不是真正的客户端IP地址. 要想透过代理服务器取得客户端的真实IP地址,就要使用 Request.ServerVariables("HTTP_X_FORWARDED_FOR") 来读取. 不过要注意的事,并不是每个代理服务器都能用 Request.ServerVariables(

[javascript]JS获取当前时间戳的方法

JavaScript 获取当前时间戳:第一种方法:(这种方法只精确到秒) 1 var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: var timestamp = (new Date()).valueOf(); 结果:1280977330748 第三种方法: 1 var timestamp=new Date().getTime(): 结果:1280977330748 第一种:获取的时间戳是把毫秒改成000显示,因为这种方式

ASP.NET MVC中获取URL地址参数的两种写法

一.url地址传参的第一种写法 1.通过mvc中默认的url地址书写格式:控制器/方法名/参数 2.实例:http://localhost:39270/RequestDemo/Index/88,默认参数名为id所以名称为id. 如果使用其他名称,后台是无法读取的会报错 二.url地址传参的第二种写法 1.使用?加参数名=参数值的写法,如果有多个参数使用&来连接 http://localhost:39270/RequestDemo/Index?id=88&name=%E5%BC%A0%E4%