网页中加入类似于ctrl+f这样的本页面查找功能如何实现？

Question

function document_onKeyDown()
{
if(window.event.ctrlKey&&window.event.keyCode==70)
{
find()
}
}

Answer 1

请输入您要查询的字串：
  <input onChange="n = 0;" size=15 name="string" value="" onKeyPress="if (event.keyCode == 13) {return findInPage( this.value);}">
  <input type=button value=" 查找" onClick="findInPage(string.value);" name="button"><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 == "")
  {
 alert("您没有输入姓名！");
 return false;
 }str=lTrim(rTrim(str));  if (NS4) {
 if (!win.find(str))
 while(win.find(str, false, true))
 n++;
 else
 n++;
 if (n == 0)
 alert("没有找到，感谢您对我们活动的支持，谢谢！");
 } if (IE4) {
 txt = win.document.body.createTextRange();
 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
 txt.moveStart("character", 1);
 } if (found) {
 txt.moveStart("character", -1);
 txt.findText(str);
 txt.scrollIntoView();
 txt.select();
 txt.moveEnd("textedit");
 n++;
 }
 else {
 if (n >0) {
 n = 0;
 findInPage(str);
 } 
 else
   alert("没有找到，感谢您对我们活动的支持，谢谢！");
}
}
return false;
}function lTrim(str) 
{ 
if (str.charAt(0) == " ") 
{ 
str = str.slice(1);
str = lTrim(str); 
} 
return str; 
} 
 
function rTrim(str) 
{ 
var iLength; iLength = str.length; 
if (str.charAt(iLength - 1) == " ") 
{ 
str = str.slice(0, iLength - 1);
str = rTrim(str);  
} 
return str; 
} </SCRIPT>