怡红院精品视频在线观看极品,久久国产一区,99re在线视频上

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

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

利用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編寫的網頁版的打字測試程序

相關閱讀: 呼倫貝爾市四季風旅行社; 標準版下拉菜單; uni-app設置像頁面html或者body的全局背景色; 廣西南寧美程國際旅行社有限公司; uni-app開發表單input組件的一些規則說明自己預留使用; asp中Request.ServerVariables能獲取的信息整理總結; 詳細的百度蜘蛛爬行檢測代碼詮釋; CSS選擇符詳解

共有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還有其它的嗎

更多>>隨機抽取信息: uni-app三目運算class和style; 屏幕兩種色彩左右像電影屏幕一樣分開; 深山旅行社網站管理系統 v1.4; 深山行者留言系統V2.2 (簡稱留言板V2.2); 高度100%的絕對定位自適應布局技巧; ASP讀取json并輸出

更多標簽熱門標簽

DropShadow Cookie 半透明十字 open Margin加倍 msn 輪流 iis 保留 label 自動隱藏透明事務 SEO png24 表達式青春字母 input 舒服 dt 統計 126 select 光標自適應 css 錨點 2003 等高工作加減物理偽類 ie6 火狐 RegExp 深山行者建立日期收縮移動下劃線調用二級繁體 letter-spacing 關聯企業失效

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

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