查找页面字符js脚本

稿源：互联网 2022-07-16 04:41:14 点击： 3573 撤稿纠错

这个js脚本可以在当前页中查找指定的字符，很实用的一个网页特效。

以下讨论的是和相关的查找页面字符js脚本教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>查找页面中的字符，sky整理收集，站长特效欢迎您。</title>
</head>
<body bgcolor="#FFFFFF">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<table bgcolor="#000000" cellspacing="1" width="500" align="center">
<tbody>
  <tr>
    <td bgcolor="#4775c3" align="center"><strong style="font-weight: 400">
    <font color="#FFFFFF" face="宋体" style="font-size: 9pt">查找页面中的字符</font></strong></td>
  </tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="500" align="center">
  <tr>
    <td align="left" valign="top" width="340"></td>
    <td align="left" valign="top" width="109">
      <p align="center">

</td>
    <td align="left" valign="top" width="304"><font face="宋体" size="4"
    color="#FF0000">   </font></td>
  </tr>
  <tr>
    <td align="left" width="340" valign="top"><font face="宋体" color="#FF0000">   
      <span style="font-size: 9pt">在页面中实现搜索功能，类似Word等文本编辑软件里的搜索功能，只要是页面中的字符（别管是显在的还是隐蔽在文本框内部的），用这个都能找出来，从此，你的网页中又多了一个强大的不同寻常的工具。</span></font></td>
    <td align="left" width="109" valign="top"><font face="宋体" color="#FF0000">   </font></td>
    <td align="left" valign="top" width="304">  
    <span style="font-size: 9pt">你可以输入“站长特效”一词查查看(共有三处)<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.");
  }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script> </span> <form name="search" onSubmit="return findInPage(this.string.value);">
      <p align="center">
      <font size="3"><input name="string" type="text" size="15" onChange="n = 0;"></font> <input
      type="submit" value="Find">

</form>
    </td>
  </tr>
</table>
<div align="center">
<table width="500">
<tbody>
<td width="492">
  <div align="center">
    <center>
<table width="100%">
  <tr>
    <td bgcolor="#3366CC" style="BORDER-BOTTOM: #817af3 1px solid; BORDER-LEFT-COLOR: #817af3; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-COLOR: #817af3; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #817af3; BORDER-TOP-WIDTH: 1px"
    align="center"><font color="#FFFFFF" style="font-size: 9pt">使用说明</font></td>
  </tr>
  <tr bgcolor="#ffffff">
    <td bgcolor="#FFFFFF" style="BORDER-BOTTOM: #817af3 1px solid; BORDER-LEFT-COLOR: #817af3; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-COLOR: #817af3; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #817af3; BORDER-TOP-WIDTH: 1px" align="center"><br>
      <span style="font-size: 9pt">制作步骤：请将下面的代码插入到<body>部分： <br>
    </span>
    <form name="step">
      <a href="javascript:selectAll('step.stepone')"></a><br>
      <textarea name="stepone" rows="12" cols="60">站长特效网，打造国内最帅的网页特效站。
<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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</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">
</form>
站长特效网，打造国内最帅的网页特效站。</textarea>

</form>
    </td>
  </tr>
  <tr bgcolor="#ffffff">
    <td bgcolor="#3366CC"></td>
  </tr>
</table>
    </center>
  </div>
<script language="Javascript">

</script>
</table>
</body>

关于查找页面字符js脚本的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016386263234.shtml方便下次再访问哦。

·上一篇： 带检测功能的表单
·下一篇： 禁止网页使用另存为

查找页面字符js脚本

文章分类LIST >>返回首页

最新游戏

最新新闻