如果在网页中实现查找功能

最新推荐文章于 2024-02-25 10:54:25 发布

weixin_30521649

最新推荐文章于 2024-02-25 10:54:25 发布

阅读量348

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/PXdaiwei/archive/2006/11/15/560943.html

版权

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>


你可以输入'脚本'查查看<BR>有<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <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 (NS4) {

// Look for match starting at the current point. If not found, rewind
// back to the first match.

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

// If not found in either direction, give message.

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

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++;
    }

// Otherwise, start over at the top of the page and find first match.

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

// Not found anywhere, give message.

      else
{
        //alert("Not found.");
}
    }
}

return false;
}

</script>
<div style="position:absolute;height:10pt;top:expression(document.body.clientHeight-this.style.pixelHeight+document.body.scrollTop-20);left:600px;font:9pt;">
<form style="background-color:#FFCC99" name="search" onSubmit="javascript:findInPage(this.string.value);return false;">
<font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font>
<input type="submit" value="Find">
</form>
</div>

转载于:https://www.cnblogs.com/PXdaiwei/archive/2006/11/15/560943.html