一区精品视频,国产精品日韩,在线看片日韩

利用javascript做的頁內(nèi)(詳細(xì)頁)搜索功能并將結(jié)果高亮突出顯示

深山行者個人網(wǎng)站 2011/1/28 9:21:05 深山行者字體:大中小瀏覽 21813

利用javascript做的頁內(nèi)(詳細(xì)頁)搜索功能并將結(jié)果高亮突出顯示

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="http://www.neng168.cn/"/>
<script type="text/javascript">
function encode(s){
  return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/([\\\.\*\[\]\$\^])/g,"\\$1");
}
function decode(s){
  return s.replace(/\$[\\\.\*\[\]\($\$\^])/g,"$1").replace(/>/g,">").replace(/</g,"<").replace(/&/g,"&");
}
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(/<span\s+class=.?highlight.?>([^<>]*)<\/span>/gi,"$1");
  obj.innerHTML=t;
  var cnt=loopSearch(s,obj);
  t=obj.innerHTML
  var r=/{searchHL}(({(?!\/searchHL})|[^{])*){\/searchHL}/g
  t=t.replace(r,"<span id="2ewcou2my"    class='highlight'>$1</span>");
  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];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;
}
</script>
<style type="text/css">
.highlight{background:green;font-weight:bold;color:white;}
</style>
</head>
<body>
<form onsubmit="highlight(this.s.value);return false;">
<p><input name="s" id="s" title="搜索內(nèi)容："/><input type="submit" value="搜索"/></p>
</form>
<div   class="2ewcou2my"   id="content">深山工作室是一支專業(yè)網(wǎng)站建設(shè)團隊，成立于2006年10月。專業(yè)為各類企事業(yè)單位以及個人等提供各類網(wǎng)站建設(shè)以及網(wǎng)頁設(shè)計服務(wù)，并樹立了良好的口碑，積累了豐富的網(wǎng)站建設(shè)相關(guān)經(jīng)驗，我們的專業(yè)水準(zhǔn)亦得到行業(yè)內(nèi)外的廣泛認(rèn)可。服務(wù)項目包括連云港網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、廣告設(shè)計、平面設(shè)計、網(wǎng)站SEO優(yōu)化、網(wǎng)站推廣、域名注冊、虛擬主機等。
  <p>我們憑借多年對互聯(lián)網(wǎng)技術(shù)的深入學(xué)習(xí)、鉆研研究，對中國互聯(lián)網(wǎng)的現(xiàn)狀和發(fā)展趨勢的把握，以及在網(wǎng)站建設(shè)、推廣服務(wù)方面的成熟經(jīng)驗，已經(jīng)形成了自己獨到的管理方式，保證每個項目能夠得以順利完成，并能夠在最大程度上保障為客戶提供優(yōu)秀的作品，完善的售前、售后服務(wù)！</p>
  <div></div>
我們?yōu)槟峁﹥?yōu)質(zhì)的網(wǎng)站建設(shè)、完善的服務(wù)、一流的設(shè)計和全面的解決方案。全面滿足大中小企業(yè)用戶的需求，讓客戶在信息時代穩(wěn)握無限商機。令客戶滿意是我們工作的目標(biāo)。我們所做的一切就是依法最大限度地、最好地維護客戶的合法權(quán)益，讓客戶滿意。</div>
</body>
</html>

前一頁:javascript 表單(文本框)觸發(fā)鼠標(biāo)事件大全

后一頁:javascript編寫的網(wǎng)頁版的打字測試程序

相關(guān)閱讀: CSS教程：弄懂閉合浮動元素; 用dl、dt、dd制作個性表格; javascript日期驗證比較; 對MD5加密方式使用者的建議; 愛度旅行網(wǎng); 深山旅行社網(wǎng)站管理系統(tǒng)5.0發(fā)布; 我愛敦煌網(wǎng); QQ郵箱文件中轉(zhuǎn)站點擊下載效果

共有0條關(guān)于《利用javascript做的頁內(nèi)(詳細(xì)頁)搜索功能并將結(jié)果高亮突出顯示》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發(fā)生改變樣式狀態(tài); canvas繪制的文字如何換行; 兼容pc、移動端用js實現(xiàn)復(fù)制內(nèi)容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 旅行社線路主題默認(rèn)模板4; 留言板留言板V7.0; 新鄉(xiāng)市神州國際旅行社; blog式日歷控件; 簽證系統(tǒng); 深山行者v1.0 PSD 源文件下載

更多標(biāo)簽熱門標(biāo)簽

文字垂直排序生成器 SEO 叛斷讀取省市全選應(yīng)用兼容柱狀圖 checkbox asasds 右擊失效郵箱 PSD FSO 千位利用position把div放在flash上 dreawmeaver 多選顏色游戲十字二級簡易寬關(guān)鍵詞模式緩沖光標(biāo) 標(biāo)語小偷文字 label 學(xué)習(xí) 選項過濾愛國 tag 柱狀跳轉(zhuǎn) script 連云港旅游關(guān)鍵字淘寶 display 文件夾電腦導(dǎo)航

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

利用javascript做的頁內(nèi)(詳細(xì)頁)搜索功能并將結(jié)果高亮突出顯示