教程集 > 脚本编程 > javascript > 正文查找页面中的字符

查找页面中的字符

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供查找页面中的字符等资源，欢迎您收藏本站，我们将为您提供最新的查找页面中的字符资源

提示：您可以先修改部分代码再运行

<html>  <head> <title>查找页面中的字符</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  </head>  <body bgcolor="#FFFFFF">  <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"></p>     </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.");   }    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> </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"> </p>      </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">       <p></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; } </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>  哈哈，这里还有一个“脚本”

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Javascript正则表达式详解（一）
PHP获取字符串中字符、字符串第n次出现的位置
 Google高级搜索窍门
 php查找字符串中http地址
 php字符串查找函数(strrpos与strchr)
sql模糊查询实例详解
 php查找指定字符串并删除
 Google搜索从入门到精通V4.0(下)
php5 字符串处理函数汇总
 正则表达式使用详解

上一篇：输入框神秘消失下一篇：键盘事件全面控制

[关闭]

查找页面中的字符

最近更新

浏览排行