find in page 页面字符查询

本文介绍了一种使用JavaScript在网页中实现查找指定文本的功能。通过检测浏览器类型并利用不同浏览器提供的API来定位和高亮显示搜索结果。适用于IE和非IE(如Firefox、Chrome等)浏览器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  < script  language ="JavaScript" >

var NS4 = (document.layers);  
var IE4 = (document.all);

// window to search.
var win = window;   
var n   = 0;

function findInPage(str) {

  
var txt, i, found;

  
if (str == "")
    
return false;


  
if (NS4) {

    
if (!win.find(str))
      
while(win.find(str, falsetrue))
        n
++;
    
else
      n
++;


    
if (n == 0)
      alert(
"Not found.");
  }


  
if (IE4) {
    txt 
= win.document.body.createTextRange();

    
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++{
      txt.moveStart(
"character"1);
      txt.moveEnd(
"textedit");
    }


    
if (found) {
      txt.moveStart(
"character"-1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n
++;
    }



    
else {
      
if (n > 0{
        n 
= 0;
        findInPage(str);
      }



      
else
        alert(
"Not found.");
    }

  }


  
return false;
}


</ script >
</ p >
< form  name ="search"  onSubmit ="return findInPage(this.string.value);" >
< input  name ="string"  type ="text"  size =20  onChange ="n = 0;" >
< input  type ="submit"  value ="Find" >
</ form >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值