js查找頁面關鍵字

本文介绍了一个简单的JavaScript脚本,该脚本实现了网页上的文本搜索功能。通过创建文本范围并使用findText方法,可以高亮显示搜索词并滚动到视图中。此外,还提供了一个表单供用户输入要搜索的字符串。

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

<script language="JavaScript">
var NS4 = (document.layers);    // Which browser?
var IE4 = (document.all);
var win = window;    // window to search.
var n   = 0;

 

function findInPage(str) {

 

  var txt, i, found;

 

  if (str == "")

    return false;

 

  // Find next occurance of the given string on the page, wrap around to the

  // start of the page if necessary.

 

  if (IE4) {

    txt = win.document.body.createTextRange();

 

    // Find the nth match from the top of the page.

    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
    {

      txt.moveStart("character", 1);

      txt.moveEnd("textedit");

    }


    // If found, mark it and scroll it into view.

 

    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 found1.");

    }

  }

  return false;

}

 

</script>

 

<form name="search" onSubmit="return findInPage(this.string.value);">

<font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font>

<input type="submit" value="Find">
    <br />
    asdfasdf<br />
    <br />
    asdfsadf<br />

</form> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值