查找頁面中的字符_綜合其它特效

查找頁面中的字符,您可以先修改部分代碼再運行.

<html>

<head>
<title>查找頁面中的字符</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">

</head>

<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>

<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')"><p></a><br>
       name="stepone" rows="12" cols="60">你可以輸入“腳本”一詞查查看
<script language="JavaScript">