-//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(‘ 搜索关键词未填写!’);

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(” 搜索到关键词”+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;}

搜索页面html代码怎么写,页内搜索功能源代码相关推荐

  1. SAP之FPM卷四:FPM开发实例- 创建程序所需表,结构并完成搜索页面主要代码

    系列文章目录 SAP之FPM卷一:FPM是什么 SAP之FPM卷二:FPM开发实例-创建WDA应用 SAP之FPM卷三:FPM开发实例-设想需求与优化 SAP之FPM卷五:FPM开发实例-完成主页面功 ...

  2. python实现文件搜索_python实现搜索指定目录下文件及文件内搜索指定关键词的方法...

    本文实例讲述了python实现搜索指定目录下文件及文件内搜索指定关键词的方法.分享给大家供大家参考.具体实现方法如下: #!/usr/bin/python -O # -*- coding: UTF-8 ...

  3. vivaldi浏览器的页内查询功能

    浏览器是电脑上被使用得最多的软件,一款好的浏览器可以提高工作效率,减少差错的发生. Vivaldi是一款非常好用的浏览器,在知乎上有篇介绍,很不错.另外一篇分享"vivaldi浏览器_Viv ...

  4. 表格页面html代码怎么写,设置表格标题的html的代码怎么写

    设置表格标题的html的代码怎么写 发布时间:2020-07-09 09:19:09 来源:亿速云 阅读:109 作者:Leah 设置表格标题的html的代码怎么写?很多新手对此不是很清楚,为了帮助大 ...

  5. 计算机搜索不到网络打印机怎么处理,局域网内搜索不到打印机怎么办

    有时候我们创建了一个局域网时,共享了打印机,但是就是搜索不到打印机怎么办呢?小编来教你!下面由小编给你做出详细的局域网内搜索不到打印机解决方法介绍!希望对你有帮助! 局域网内搜索不到打印机解决方法一: ...

  6. 各大电子商务网站的站内搜索比较,因为要做站内搜索,所以前去观摩下

    参考的网站有:京东商城,亚马逊,苏宁易购,易迅网,凡客诚品,1号店,新蛋中国,库巴,好孩子,QQ商城,当当网,麦包包等网站,另外淘宝,一淘,阿里巴巴,天猫商城也看了下. 下面列出几个衡量的功能点,并根 ...

  7. html一个页面分页代码怎么写,纯JS前端实现分页代码

    先给大家展示下效果图,如果大家感觉效果不错,请参考实现代码: 因为这是我自己第一次动手用js写分页,写的应该也不是很完美,有些公共的没有抽取出来,但是用起来还是可以的,这块代码是可以把它当做公共的分页 ...

  8. Google搜索时如何在新标签页打开搜索结果

    Google首页右下角设置–>搜索设置–>勾选 在新的浏览器窗口中打开所选的每条搜索结果 这样在Google搜索后的链接直接点击就是在新标签页打开了

  9. 分页存储概念清晰梳理(页面、页表、页表项、页面大小、页内地址等概念)

    当我在学习操作系统的存储器管理这一章中的分页存储时发现我总是将许多概念混为一谈,当我求助于CSDN等众多网站的资源时发现其中的概念作者写的十分清晰但篇幅较长难以理解,因此我想用自己的理解用更加简洁明了 ...

最新文章

  1. 一行代码,解决空指针问题.
  2. 《使用CSLA 2019:CSLA .NET概述》原版和机译文档下载
  3. 如何构建高性能web站点之:分布式缓存
  4. Java泛型的不变性和作用域
  5. fasttext 安装_fasttext的简单介绍
  6. 游戏使用html签名,关于玩游戏的个性签名
  7. X3C to X9T
  8. pythonexpect后怎么循环_python 装饰器从放弃到玩转(初级)
  9. 请简述gouraud光照模型_《计算机图形学》试卷及答案
  10. 花花酱leetcode 题目——搜索专题
  11. Tomcat内存释放不了、Tomcat内存溢出原因
  12. 合并的数组会有顺序么_咱就别按顺序刷题了,看看大佬怎么刷
  13. 《神经网络与深度学习》课程笔记(3)-- 神经网络基础之Python与向量化
  14. MATLAB的7种滤波方法(重制版)
  15. win10命令行快捷键
  16. linux+ipv6免流量下载,Ubuntu 12.04 校园网下使用IPv6源 免流量更新
  17. 用curve_fit拟合幂函数与excel拟合误差问题
  18. linux dsp开发环境,在ubuntu上搭建uclinux开发环境(转载)--- 第二篇
  19. win10系统盘多大合适_不会安装win10原版系统?3招教你轻松学会重装系统,超详细教程...
  20. Vue 获取最近一个月,前三个月, 最近半年,最近一年, 当前月末日期

热门文章

  1. linux 端口tnpl,Linux和Windows端口占用情况查看
  2. 利用伸展树提高区间操作的性能
  3. inside uboot (六) DRAM芯片的控制线及时序
  4. VOIP,PSTN,ISDN
  5. python 读取outlook_如何用 Python 读取 Outlook 中的电子邮件
  6. magicbook linux系统换w7,荣耀magicbook怎么安装win7 荣耀magicbook安装win7方法
  7. php 访问第三方接口吗,PHP-----------HTTP请求的第三方接口
  8. golang调用java的函数_大话golang性能分析(一):profile基本原理
  9. mysql数据转存到时序数据库_干货丨如何高速迁移MySQL数据到时序数据库DolphinDB...
  10. 【转】TCP和UDP的区别