本站内容搜索:
   您的位置:素材中国>>教程 >>网页设计 >>网页特效 >>JS实现html页内查询功能 提交错误报告
JS实现html页内查询功能
[ 来源:素材中国 | 作者:iecool| 时间:2005-07-14 13:46:56 | 浏览:人次 ]

 
 

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

 
 
   
最后页
   
   您的位置:素材中国>>教程 >>网页设计 >>网页特效 >>JS实现html页内查询功能
 点此在百度搜索关键字"JS实现html页内查询功能"  点此在GOOGLE搜索关键字"JS实现html页内查询功能"
热门文章:
  ·SetTimeOut方法用法示例   ·标题栏跑马灯
  ·精美的天气小偷代码   ·连续滚动图片的制作
  ·AJAX如何处理书签和翻页按扭   ·关闭弹出窗口js代码
  ·动易首页调用最新文章图片向上滚动方法   ·JavaScript : WINDOW FOR JAVASCRIPT
  ·关于网页代码加密解密保护   ·网页高手

  首页  素材图片  高精图库  矢量图库  网页素材  网页模板  壁纸  明星  下载  教程  字体  香车美女  QQ专题  论坛

网站介绍 | 广告业务 | 设计业务 | 免责声明 | 版权声明 | 联系我们|提交错误报告
素材中国版权所有