JS实现html页内查询功能

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

第一部分（js代码）： sflj www.it55.com kg^&fgd

<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){ sflj www.it55.com kg^&fgd
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> sflj www.it55.com kg^&fgd

-------------------------------------------------------------------------------- IT资讯之家 www.it55.com

第二部分（表单）：
<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>

vd;k;l www.it55.com rdfg

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

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

（阅读次数：）