将js中的值显示在本页面指定位置

要显示的区域:

<span id="span1"></span>

方法一:js实现

<script>
    var url = decodeURI(location.href);//获取当前页面url,decodeURI()解决中文乱码
    var aa = url.split("?o_name=")[1];//解析后的值
    alert(aa);
    document.getElementById("span1").innerText=aa;
</script>

方法二:jq实现

<script>
    var url = decodeURI(location.href);//获取当前页面url,decodeURI()解决中文乱码
    var aa = url.split("?o_name=")[1];//解析后的值
    alert(aa)$('#span1').html(aa);
</script>
您可以使用百度地图JavaScript API来实现这一功能。具体步骤如下: 1.在HTML文件引入百度地图JavaScript API的代码: ``` <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> ``` 其,`ak`参数为您申请的百度地图API密钥。 2.创建地图容器: ``` <div id="map" style="width: 100%; height: 100%;"></div> ``` 3.在JavaScript文件编写代码,在地图显示指定经纬度: ``` // 初始化地图 var map = new BMap.Map("map"); // 创建点坐标 var point = new BMap.Point(经度, 纬度); // 设置地图心点 map.centerAndZoom(point, 15); // 开启鼠标滚轮缩放 map.enableScrollWheelZoom(true); ``` 其,`经度`和`纬度`为您要显示位置的坐标。 4.将以上代码放在页面加载完成后执行即可。 示例代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度地图实时显示指定位置</title> <style type="text/css"> html, body, #map { width: 100%; height: 100%; margin: 0; overflow: hidden; font-family: "微软雅黑"; } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> </head> <body> <div id="map"></div> <script type="text/javascript"> var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 设置心点和缩放级别 map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 </script> </body> </html> ``` 在上面的代码,将`您的密钥`替换为您申请的百度地图API密钥,`116.404`和`39.915`为北京市心的经纬度坐标。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值