-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd”>

http://www.w3.org/1999/xhtml”>

function encode(s){

return s.replace(/&/g,”&”).replace(//g,”>”).replace(/([\\\.\*\[\]\(\)\$\^])/g,”[url=file://\\$1]\\$1[/url]”);

}

function decode(s){

return s.replace(/\\([\\\.\*\[\]\(\)\$\^])/g,”$1″).replace(/>/g,”>”).replace(/

}

function highlight(s){

if (s.length==0){

alert(‘ 搜索關(guān)鍵詞未填寫！’);

return false;

}

s=encode(s);

var obj=document.getElementsByTagName(“body”)[0];

var t=obj.innerHTML.replace(/([^<>]*)/gi,”$1″);

obj.innerHTML=t;

var cnt=loopSearch(s,obj);

t=obj.innerHTML

var r=/{searchHL}(({(?!\/searchHL})|[^{])*){\/searchHL}/g

t=t.replace(r,”$1”);

obj.innerHTML=t;

alert(” 搜索到關(guān)鍵詞”+cnt+”處”)

}

function loopSearch(s,obj){

var cnt=0;

if (obj.nodeType==3){

cnt=replace(s,obj);

return cnt;

}

for (var i=0,c;c=obj.childNodes;i++){

if (!c.className||c.className!=”highlight”)

cnt+=loopSearch(s,c);

}

return cnt;

}

function replace(s,dest){

var r=new RegExp(s,”g”);

var tm=null;

var t=dest.nodeValue;

var cnt=0;

if (tm=t.match(r)){

cnt=tm.length;

t=t.replace(r,”{searchHL}”+decode(s)+”{/searchHL}”)

dest.nodeValue=t;

}

return cnt;

}

.highlight{background:green;font-weight:bold;color:white;}

總結(jié)

以上是生活随笔為你收集整理的搜索页面html代码怎么写,页内搜索功能源代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。