JS实现html页内查询功能又两部分组成:js代码和form表单

第一部分（js代码）：

<SCRIPT language=javascript >
var NS4 = (document.layers);
var IE4 = (document.all);
var win = window;
var n   = 0;
function findInPage(str){
var txt, i, found;
if (str == "")
return false;
if (NS4){
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0)
alert("很遗憾，没有结果显示。\n为确保获得正确结果，请您缩短关键字重新查询。\n或者进入相关类别查询。");
}
if (IE4){
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++){
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found){
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else{
if (n > 0){
n = 0;
findInPage(str);
}
else
alert("很遗憾，没有结果显示。\n为确保获得正确结果，请您缩短关键字重新查询。\n或者进入相关类别查询。");
}
}
return false;
}
</SCRIPT>

--------------------------------------------------------------------------------

第二部分（表单）：
<form name="search" onsubmit="return findInPage(this.string.value);">
  <tr align="center" bgcolor="#F3F3F3">
    <td height="12" colspan="2"><table width="100%"  border="0" cellspacing="0" cellpadding="1">
      <tr>
        <td width="39%" align="right"><b>查询本页内图片素材关键字：</b></td>
        <td width="27%" align="center"><input name="string" type="text" class="t" size="32" onChange="n = 0;"></td>
        <td width="34%"><input type="submit" value="页内查询" name="submit"></td>
      </tr>
    </table></td>
  </tr>
  </form>

这样就能实现页内查询功能了。有问题可联系QQ：707355

<script language=JavaScript> var NS4 = (document.layers); var IE4 = (document.all); var win = window; var n = 0; function findInPage(str){ var txt, i, found; if (str == "") return false; if (NS4){ if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert("很遗憾，没有结果显示。\n为确保获得正确结果，请您缩短关键字重新查询。\n或者进入相关类别查询。"); } if (IE4){ txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++){ txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found){ txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else{ if (n > 0){ n = 0; findInPage(str); } else alert("很遗憾，没有结果显示。\n为确保获得正确结果，请您缩短关键字重新查询。\n或者进入相关类别查询。"); } } return false; } </script> <form name="search" onsubmit="return findInPage(this.string.value);"> <input name="string" type="text" class="t" size="12" onchange="n = 0;"><input type="submit" value="查询" name="submit"> </form>