1.html结构：
/*将查询结果放入ul
2.css样式：
#searchShop{
line-height:28px；
文本索引：5 px；
width:180px；
浮动：左
height:28px；
border:none；
}
. searchShopBtn{
字体大小33600；
padding-left:15px；
padding-right:15px；
background-color:#eff3f6；
background-repeat :否- repeat；
background-position:8px 5px；
}
. searchIcon{//小搜索图标
}
/*查询结果对应的显示框css*/
. searchResult{
定位：助手；
top:47px；
right:70px；
width:180px；
border:1px solid#e4e7ee；
border-top:0；
border-bottom:0；
background:#fff；
max-height:279px；
overflow-y:auto；
overflow-x:hidden；
z-index:2；
}
/*列表全部由li组成的css*/
. searchResult li{
border-bottom :1 px solid # e4e7e；
line-height:30px；
padding-left:4px；
width:176px；
list-style:none；
}
/*以上为样式，如有不合适请自行调整*
静态效果如下。
如果输入c，结果将会是这样
有这个搜索结果的对应机制，里面的li是动态添加的，只需要写下这个ul就可以了。
3 .关于检索功能的实现的js依赖于jquery.js
var isHasnextPage=false； //是否有下一页的数据
var searchItem=' '； //搜索框内容
var pageNum=1； //默认页面
//在搜索框中输入事件，如有内容则询问
$('#searchShop ' ).on('input '，function ) )。
var_v=$.trim($(this ).val )；
$'#searchresult'(.empty )；
pageNum=1；
isHasnextPage=false；
if(_v！=' ' ) {
searchItem=_v；
searchshopfn(_v，pageNum )；
}
)；
//*
*将加载更多的搜索结果下拉列表，每页显示10个。 如果有10个以上的搜索结果，则下拉相应的列表会自动添加其他数据
* @method nextLoad () )。
* @param {nextLoad:false or ture，keyWord:keyWord，nextLoad:true or false}
* @return {data}
*/
functionnextload(keyword，isHasnextPage ) (
if (！ isHasnextPage ) {
searchshopfn(keyword，pageNum =1) ) ) ) )。
}
}
//向下滚动以加载数据
$('#searchResult ' ).scroll(function () ) )。
if($($($(this ).height ) ) $ ) this ).scrollTop )=$ ) this ) [0].scrollHeight ) {
nextload(searchitem，isHasnextPage；
}
)；
//必须单击各项数据为搜索框赋值，同时重新设置相应的参数
$(document ).on('click '，'.searchResult li '，function ) ) {
var_v=$(this ).text )；
var_shopid=$(this ).attr ) (shopid )；
$('#searchShop ' ).val(_v ).attr ) ' _shopId '，_shopId )；
$'#searchresult'(.hide )；
isHasnextPage=false；
返回假；
)；
关键词是模糊了ajax请求数据keyWord，pageNum是对应的页码
Functionsearchshopfn(Keyword，pageNum ) {
$.Ajax({
url: $web_url 'xxxxr '，//请求数据的地址，
数据类型： ' JSON '，
数据： {
keyword: keyWord，
brandid: '，
资源调配： '，
city: '，
area: '，
页：页||1，
size: 10
(，
success :函数(RES ) {
var liAry=res.data.list；
var liAryTotal=res.data.total；
ishasnextpage=(pagenum * 10 liarytotal )？ 真：假；
var m=' '；
$.each(liary，function (i ) (I，v ) )。
m ='
' v.name ' '； )；
$('#searchResult ' ).append(m；
、error:function(RES ) )
}
() )
}
4 .这样就可以进行对应的模糊搜索了。 以下是输入s后返回的结果。
js模糊查询的实现
1 .实现简单模糊查询的方法有很多种。 后端可以实现，前端也可以使用js实现。 后端必须根据在输入框中找到的关键字在后台拼接SQL语句查询。 前端直接与字符串indexOf (使用方法或正则表达式.
通过创建简单的JS输入框来模糊查询匹配(带源代码和demo ) ) )。
前言：JS输入框的模糊匹配插件以前在工作中写过类似的东西，所以这次写起来很轻松。 这次的留言在几个方面优化了： 1。 添加动态加载css文件不需要引入css css来全部由JS动态生成。 2 .不需要附加标记.
js的模糊查询
项目使用模糊查询。 这是以前在首页中以element tree显示的目录，有时用于搜索，但tree附带了模糊查询。 在filter-node-method方法中使用，但在上一个项目中不尝试.
模糊查询基于select遍历json文件的自动填充实现
HTML页面
文档由var xmldoc=new activexobject (microso . unity使用实体类
故事的由来：是在开发打飞机的游戏。 遇到了这样的数据结构。 游戏有很多等级。 每个等级都有几个怪物。 每个波浪都有怪物和数[]级{ []波浪{怪物，数}、{怪物，数}、{怪物.
js一般DOM操作
我在博客园看到了苏夏写的常用DOM整理文章。 地址是：http://www.cn blogs.com/cabbagen/p/4579412.html。 然后抓紧时间尝试了这些常用DOM操作。 让我在这里记录一下。
正则匹配将从字符串中删除html标记
1 .超链接中的链接地址： stringmatchstring=@ ' ] href=s * (: '？ [^'] () (|) quo .
删除MyEclipse经常弹出的Update Progress窗口
方法1:1 .关闭updatingindexwindow=preferences=myeclipseenterpriseworkbench=maven 4my .
freemarker处理地图数据(20 )。
1 .简单说明(1) map取值；2 ) key取值)实现示例