久久综合中文色婷婷,久久综合久久综合这里只有精品,亚洲综合国产激情另类一区

利用javascript做的頁內(詳細頁)搜索功能并將結果高亮突出顯示

深山行者個人網站 2011/1/28 9:21:05 深山行者字體:大中小瀏覽 22048

利用javascript做的頁內(詳細頁)搜索功能并將結果高亮突出顯示

以下為詳細代碼

<!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.cmrd4.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('搜索關鍵詞未填寫！');
    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="lhv3xn553v"    class='highlight'>$1</span>");
  obj.innerHTML=t;
  alert("搜索到關鍵詞"+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="搜索內容："/><input type="submit" value="搜索"/></p>
</form>
<div   class="lhv3xn553v"   id="content">深山工作室是一支專業網站建設團隊，成立于2006年10月。專業為各類企事業單位以及個人等提供各類網站建設以及網頁設計服務，并樹立了良好的口碑，積累了豐富的網站建設相關經驗，我們的專業水準亦得到行業內外的廣泛認可。服務項目包括連云港網站建設、網頁設計、廣告設計、平面設計、網站SEO優化、網站推廣、域名注冊、虛擬主機等。
  <p>我們憑借多年對互聯網技術的深入學習、鉆研研究，對中國互聯網的現狀和發展趨勢的把握，以及在網站建設、推廣服務方面的成熟經驗，已經形成了自己獨到的管理方式，保證每個項目能夠得以順利完成，并能夠在最大程度上保障為客戶提供優秀的作品，完善的售前、售后服務！</p>
  <div></div>
我們為您提供優質的網站建設、完善的服務、一流的設計和全面的解決方案。全面滿足大中小企業用戶的需求，讓客戶在信息時代穩握無限商機。令客戶滿意是我們工作的目標。我們所做的一切就是依法最大限度地、最好地維護客戶的合法權益，讓客戶滿意。</div>
</body>
</html>

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

后一頁:javascript編寫的網頁版的打字測試程序

相關閱讀: 淡藍色的V2.1加強版; 放大的分頁代碼; 返回上一頁頁面特效; ASP鏈接地址欄參數的加密; 利用CSS實現半透明效果兼容IE與火狐與chrome等瀏覽器; asp 當日訪問量,全部訪問量,當前在線人數統計; 取得鼠標所在位置的對象; 深山旅行社網站管理系統5.0發布

共有0條關于《利用javascript做的頁內(詳細頁)搜索功能并將結果高亮突出顯示》的評論: 發表評論

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

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

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

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

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

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

更多>>隨機抽取信息: 深山網吧留言板(激情穿越火線)v4.3; 紹興中僑旅游網; 長春康輝旅行社有限責任公司; jquery動態生成的html代碼中無法使用jquery事件的解決方法; asp用BcH將二進制轉十六進制然后再HcB將十六進制轉二進制; 生成隨機字符串的函數

更多標簽熱門標簽

快捷鍵省略處理列表 dd 絕對管用的iis安裝包下載 box 指向 qq right 防止臺歷 Response 點擊 link display 高商城 loading 展開縣 asp hack meta 翻滾展示 iframe 面板圖層字節數代碼字母 Java 腳本采集列 Margin加倍系統選項卡顯示器中英鏈接樣式 Abandon 等高組件網頁制作替換 textarea 留言次數 Excel 狀態欄

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

利用javascript做的頁內(詳細頁)搜索功能并將結果高亮突出顯示