javascript

搜索框提示功能介绍

  • 百度向站长开放免费“百度搜索框”代码和“百度搜索框提示”代码。
  • 只需进行简单的设置，即可将“百度搜索框（带提示功能）”功能快速加入到您的网页中。
  • 或者为您已有的“百度搜索框”或其他输入框添加“百度搜索框提示”的新功能。
  • 您的网站即可获得同百度搜索引擎一样强大的搜索功能！

添加方法

第一步
在网页中引入Javascript文件：

第二步 
在Javascript程序中调用BaiduSuggestion.bind()方法将“百度搜索框提示”功能和页面上的元素进行绑定。 
BaiduSuggestion.bind()的具体形式为：

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]); 
inputObj|inputId: 
为需要绑定搜索框提示功能的input对象或input对象的id。 
params: 
绑定搜索框提示功能时用到的参数，必须以Json形式给出,例如： 
{ 
“XOffset”:0, //提示框位置横向偏移量,单位px 
“YOffset”:0, //提示框位置纵向偏移量,单位px 
“width”:350, //提示框宽度，单位px 
“fontColor”:”#03c”, //提示框文字颜色 
“fontColorHI”:”#FFF”, //提示框高亮选择时文字颜色 
“fontSize”:”12px”, //文字大小 
“fontFamily”:”宋体”, //文字字体 
“borderColor”:”#03c”, //提示框的边框颜色 
“bgcolorHI”:”#fd0″, //提示框高亮选择的颜色 
“sugSubmit”:false //选中提示框中词条时是否提交表单 
} 
confirmCallback(txt): 
当用户选择提示中具体选项时的回调函数，txt为用户选择的内容。 

提示： 
Javascript代码请添加到网页中</body>标签的后面。 
如使用utf-8编码，请务必在script标签中设置charset=gbk属性，否则搜索提示词会出现乱码。 
Javascript文件的应在BaiduSuggestion.bind()方法被调用之前引入。 
查看样例效果

自定义方法(API)

http://unionsug.baidu.com/su?wd=text&p=3&cb=callback
返回JSON格式：

callback({q:”百度”,p:false,s:[“百度影音”,”百度文库”,”百度翻译”,”百度团购”,”百度贴吧”,”百度指数”,”百度文库首页”,”百度空间”,”百度百科”,”百度词典”]});

  • wd : 搜索词
  • callback : 回调函数

20 个评论

发表评论

邮箱地址不会被公开。 必填项已用*标注

看不清？