jsp写的网页怎么实现页面搜索
日期：2014-05-17 浏览次数：20754 次
jsp写的网页如何实现页面搜索
要做一个在线的帮助文档，帮助信息写在多个jsp页面上面，想实现搜索功能，在文本框中输入关键字之后即可以实现在多个页面上查找并将结果显示在本页面上，请问如何实现？
------解决方案--------------------
<html>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<TITLE>WinWebMail </TITLE>
<script language="JavaScript">
<!--
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'
}
var DOM = (document.getElementById) ? 1 : 0;
var NS4 = (document.layers) ? 1 : 0;
var IE4 = 0;
if (document.all)
{
IE4 = 1;
DOM = 0;
}
var win = window;
var n = 0;
function findIt() {
if (document.getElementById("searchstr").value != "")
findInPage(document.getElementById("searchstr").value);
}
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (DOM)
{
win.find(str, false, true);
return true;
}
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);
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("未找到指定内容.");
}
}
return false;
}
// -->
</script>
<BODY>
<br>
<div align="center">
<table width="90%" border="0" align="center" cellspacing="0" bgcolor="#EFF7FF" style='border:1px #8CA5B5 solid;' id="zoom">
<tr bgcolor="#DBEAF5">
<td height="50" style='border-bottom:1px #8CA5B5 solid;'>
<div align="center"> <font class="s" color="#104A7B"> <b>帮 助 </b> </div>
<div align="center">
<table width="98%"> <tr> <td align="left">
<input type="text" id="searchstr" name="searchstr" class="textbox" size="10">
<input type="button" value="页内查找" onclick="javascript:findIt();" class="sbttn">
</td> <td align="right">
查看:[ <a href="javascript:doZoom(16)">大字 </a> <a href="javascript:doZoom(14)">中字 </a> <a href="javascript:doZoom(12)">小字 </a>] </font>
</td> </tr> </table>
</div>
</td>
</tr>
<tr>
<td>
要做一个在线的帮助文档，帮助信息写在多个jsp页面上面，想实现搜索功能，在文本框中输入关键字之后即可以实现在多个页面上查找并将结果显示在本页面上，请问如何实现？
------解决方案--------------------
<html>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<TITLE>WinWebMail </TITLE>
<script language="JavaScript">
<!--
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'
}
var DOM = (document.getElementById) ? 1 : 0;
var NS4 = (document.layers) ? 1 : 0;
var IE4 = 0;
if (document.all)
{
IE4 = 1;
DOM = 0;
}
var win = window;
var n = 0;
function findIt() {
if (document.getElementById("searchstr").value != "")
findInPage(document.getElementById("searchstr").value);
}
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (DOM)
{
win.find(str, false, true);
return true;
}
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);
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("未找到指定内容.");
}
}
return false;
}
// -->
</script>
<BODY>
<br>
<div align="center">
<table width="90%" border="0" align="center" cellspacing="0" bgcolor="#EFF7FF" style='border:1px #8CA5B5 solid;' id="zoom">
<tr bgcolor="#DBEAF5">
<td height="50" style='border-bottom:1px #8CA5B5 solid;'>
<div align="center"> <font class="s" color="#104A7B"> <b>帮 助 </b> </div>
<div align="center">
<table width="98%"> <tr> <td align="left">
<input type="text" id="searchstr" name="searchstr" class="textbox" size="10">
<input type="button" value="页内查找" onclick="javascript:findIt();" class="sbttn">
</td> <td align="right">
查看:[ <a href="javascript:doZoom(16)">大字 </a> <a href="javascript:doZoom(14)">中字 </a> <a href="javascript:doZoom(12)">小字 </a>] </font>
</td> </tr> </table>
</div>
</td>
</tr>
<tr>
<td>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
