JavaScript实现搜索框智能提示需要注意

var xmlHttp;

function getMoreContents() {//获得用户输入var content = document.getElementById("keyword"); if(content.value==null)return ; xmlHttp = createXmlHttp();var url = "search?keyword="+escape(content.value);//true表示JavaScript脚本将会send()在发送数据后继续执行，而不会等待服务器响应xmlHttp.open("get", url, true);//绑定回调方法，在xmlHttp状态改变时调用xmlHttp.onreadystatechange=callBack;// 用于post请求方式传递参数；由于是使用get方法，所以send参数为nullxmlHttp.send(null);}

注意

xmlHttp.onreadystatechange=callBack;

回调不能有括号，否则不执行

for (var i = 0; i < size; i++) {var nextNode = contents[i];var tr = document.createElement("tr");var td = document.createElement("td");td.setAttribute("border", "0");td.setAttribute("bgcolor", "#FFFAFA");td.onmouseover = function() {this.className = 'mouseOver'};td.onmouseout = function() {this.className = 'mouseOut'};td.onmousedown = function () {//点击鼠标触发的动作}var text = document.createTextNode(nextNode);td.appendChild(text);tr.appendChild(td);document.getElementById("content_table_body").appendChild(tr);}

//有时onclick不执行可用onmousedown

//注意浏览器的兼容性：

//1.window.XMLHttpRequest

//2.addeventlistener 等绑定事件在各种浏览器下的不同