web前端html实例-在网页中加入百度搜索框实例代码

作者: 少校seo 分类: 黑帽seo资讯 发布时间: 2019-09-13 07:08

为了方便用户在许多网页中拥有百度搜索功能,当然有许多广告联盟性质的代码嵌入在百度搜索代码黑帽seo中,下面是一个简单的搜索功能。

代码如下:

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端学习扣qun:731771211 每日分享技术,学术交流</title> </head> <body> <div id="container"> <form action="http://www.baidu.com/baidu" target="_blank"> <div align="center"> <input name="tn" type="hidden" value="baidu"> <a > <img src="http://img.baidu.com/search/img/baidulogo_clarity_80_29.gif" align="bottom" border="0"></a> <input type="text" name="word" size="30"/> <input type="submit" value="百度搜索"/></div> </form> </div> </body> </html>

版权属于作者。请联系作者进行转载或内容合作。

javascript调用百度地图及调用百度地图的搜索功能

调用百度地图的Js方法

代码如下:

<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html { height: 100%; } body { height: 50%; margin: 0px; padding: 0px; } #container { width:600px; height: 500px; } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> </head> <body onload="loand()"> <div id="container"> </div> <input id="lng" type="hidden" runat="server" /> <input id="lat" type="hidden" runat="server" /> <input id="Button1" type="button" value="标记图标" runat="server" onclick="getbiaoji()" /> <script type="text/javascript"> function getbiaoji() { var lng = document.getElementByIdx_x("lng").value; var lat = document.getElementByIdx_x("lat").value; var map = new BMap.Map("container"); var point = new BMap.Point(lng, lat); var marker = new BMap.Marker(point); var opts = { width: 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title: "经销商地址" // 信息窗口标题 } var infoWindow = new BMap.InfoWindow("移动拖拽 标记经销商地址:" + lng + lat, opts); // 创建信息窗口对象 marker.enableDragging(); //启用拖拽 map.addControl(new BMap.NavigationControl()); //左上角控件 map.enableScrollWheelZoom(); //滚动放大 map.enableKeyboard(); //键盘放大 map.centerAndZoom(point, 13); //绘制地图 map.addOverlay(marker); //标记地图 map.openInfoWindow(infoWindow, map.getCenter()); } function loand() { var map = new BMap.Map("container"); var point = new BMap.Point(104.083, 30.686); //默认中心点 var marker = new BMap.Marker(point); var opts = { width: 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title: "经销商地址" // 信息窗口标题 } var infoWindow = new BMap.InfoWindow("移动拖拽 标记经销商地址", opts); // 创建信息窗口对象 marker.enableDragging(); //启用拖拽 marker.addEventListener("dragend", function (e) { point = new BMap.Point(e.point.lng, e.point.lat); //标记坐标(拖拽以后的坐标) marker = new BMap.Marker(point); document.getElementByIdx_x("lng").value = e.point.lng; document.getElementByIdx_x("lat").value = e.point.lat; infoWindow = new BMap.InfoWindow("当前位置<br />经度:" + e.point.lng + "<br />纬度:" + e.point.lat, opts); map.openInfoWindow(infoWindow, point); }) map.addControl(new BMap.NavigationControl()); //左上角控件 map.enableScrollWheelZoom(); //滚动放大 map.enableKeyboard(); //键盘放大 map.centerAndZoom(point, 13); //绘制地图 map.addOverlay(marker); //标记地图 map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口 } </script> </body> </html> #p#分页标题#e#

Js称百度地图搜索

引用百度js Api

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxxxx"></script>

要创建地址解析器:

var localSearch = null; //查询参数 var options = { //智能搜索 onSearchComplete: function (results) { //查询结果状态码 if (localSearch.getStatus() == BMAP_STATUS_SUCCESS) { var s = convertMapSearch(results); //对结果进行处理 model.locationAddress(s); //将结果数据赋予knockout对象数组(可用其他数组对象代替) } } }; localSearch = new BMap.LocalSearch("城市", options);

结合淘汰制的文本输入绑定方法和对象的订阅属性百度搜索调用代码,实现输入框变化的实时查询功能。

//绑定 <input id="txtAddress" type="text" placeholder="请输入用餐地址" data-bind="textInput: addressInput" /> //subscribe属性 在输入变化的时候执行地址查询 sf.addressInput.subscribe(function (val) { var addr = $.trim(val); if (addr == "") { return; } localSearch.search(addr); });

上面是名为百度地图的js和名为黑帽seo的百度地图的搜索功能,这是一个供大家共享的代码库的小编译。有关百度地图的更多信息,请继续关注这个网站。此网站上没有新的内容更新。