JS 页面内容搜索,类似于 Ctrl+F功能的实现代码


Posted in Javascript onAugust 13, 2007

<html> 
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80"> 
<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> <br> 
        <font color="#FF3333">登录系统时的增强安全性</font><br> 
        <br> 
        用来在共享计算机上增强安全性的登录选项是为那些从图书馆、学校或网吧登录的用户设计的. 该登录选项在您退出帐户时能够使浏览器高速缓存中的页面过期. 这表明一旦您退出, 您所访问的页将不能被共享计算机的其他用户查看.<br> 
        注意: 由于页面没有被高速缓存到您的本地磁盘驱动器中, 因此在使用此选项时您会感觉速度变慢了.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <a name="writemail"></a><font color="#FF3333">查看其他语言的邮件内容</font><br> 
        <br> 
        当收到其他语言的邮件内容时, 页面可能会显示为乱码, 您可以通过调整IE浏览器的编码来正常阅读邮件内容. 
        <br>方法是: 用鼠标右键点击邮件内容页面, 在弹出菜单的"编码"中选择正确的编码. 
        <br><br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">报告垃圾邮件</font><br> 
        <br> 
        我们利用您报告为垃圾邮件的邮件来提高服务器过滤垃圾邮件的性能. 我们还可能将报告的垃圾邮件提交给第三方以一同反击垃圾邮件.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <a name="writemail"></a><font color="#FF3333">撰写HTML格式邮件</font><br> 
        <br> 
        如果您的 Web 浏览器是面向 Windows 的 Microsoft Internet Explorer 5.0 或更高版本, 您可以通过启用“个人配置”中的“使用HTML格式写邮件”选项来撰写HTML格式的电子邮件, 您将可以更改字体、更改字体大小以及颜色的选项, 此外, 还有加粗字体、添加下划线以及按照自己的风格来编排邮件的选项.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">快速地址列表</font><br> 
        <br> 
        快速地址列表可以帮助您以最快捷的方式输入您所需要的邮件地址.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">通讯组</font><br> 
        <br> 
        您可以将经常需要批量发送的邮件地址编辑成为通讯组, 在写邮件时您将可以直接输入通讯组名称, 从而实现将邮件一次发送给指定通讯组内所有成员的功能.<br> 
        <br> 
      </td> 
    </tr> 
    <tr>  
      <td> <br> 
        <font color="#FF3333">附件上传</font><br> 
        <br> 
        1. 添加附件: 先按“浏览”, 选取您要添加的附件, 然后按下“上传附件”按钮即可, 此时会上传附件, 附件越大将使用越久的资料传送时间, 请您耐心等候.<br>注意: 单附件上传的最大长度不超过4M.<br> 
        <br> 
        2. 删除附件: 先选取附件, 再按“删除”即可.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">存储文件夹</font><br> 
        <br> 
        1. 您可以上传或是从邮件附件中摘取文件并保存于您邮箱的网络存储空间中, 您将可以在发送邮件时直接将网络存储中的附件加入到待发邮件中.<br> 
        <br> 
        2. 因为存储文件夹使用的是您的邮箱空间, 所以您需要注意合理分配存储文件夹的数据量.<br> 
        <br> 
        3. 在您删除存储文件夹下的子文件夹时, 需要先将子文件夹中的文件转移或删除, 否则子文件夹无法被删除.<br> 
        <br> 
        4. 您可以通过设置密码或是不设置密码的方式共享您的存储文件夹数据.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">发送系统邮件功能 (只有管理员才有此功能)</font><br> 
        <br> 
        管理员在选中此项功能后发出的邮件, 系统内用户在通过WebMail浏览此邮件时会看到醒目的标识.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
      <td> <br> 
        <font color="#FF3333">私人邮件夹管理</font><br> 
        <br> 
        1. 新建私人邮件夹时, 邮件夹名称可以是数字、字符和汉字, 并支持长邮件夹名, 但不能使用一些系统保留的名称(如: in, out等).<br> 
        <br> 
        2. 在您删除私人邮件夹时, 需要先将此私人邮件夹中包含的所有邮件转移或删除, 否则邮件夹无法被删除.<br> 
        <br> 
        3. 您可以通过设置密码或是不设置密码的方式共享自己的私人邮件夹, 从而让系统中的其他用户可以共享您的资源.<br> 
        <br> 
      </td> 
    </tr> 
    <tr>  
      <td> <br> 
        <font color="#FF3333">读取确认</font><br> 
        <br> 
        选中此功能后, 在对本系统内用户写信后, 当此收件人通过WebMail看到信或是通过POP3下载了您写给他的这封邮件时, 系统将会发一封回执给您.  
        但需注意的是: 此项功能只当收件人是系统内用户时才有效.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
    <td><a name="delivermail"></a><br> 
        <font color="#FF3333">转递邮件</font><br> 
        <br> 
        转递邮件是将邮件原封不动的转交至指定地址的邮件传送方式.<br> 
        <br> 
    </td> 
    </tr> 
    <tr>  
      <td> <br> 
        <font color="#FF3333">邮件查找</font><br> 
        <br> 
        本系统能按照时间或其它条件来协助您查找所有邮箱中的邮件.<br> 
        <br> 
        1. 在主题(发信地址、发信人)查找中可以按照通配符的方式来进行邮件查找, *: 代表任意长字符串, ?: 代表一个字符(一个中文字符需用两个??来代替).<br> 
        <br> 
        2. 日期查找时请注意缺省查找将只查找今天以前收到的邮件.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
        <td><a name="sharefolder"></a><br> 
        <font color="#FF3333">文件夹共享设置 (将自己的私人信箱共享给其他用户)</font><br> 
        <br> 
        您可以使用此项功能将自己创建的私人信箱共享给其他用户(允许其他用户读取此文件夹中的内容).<br> 
        共享方式共分为三种:<br> 
        <b>1、不共享:</b> 此私人信箱不共享给其他任何用户.<br> 
        <b>2、加密码后共享:</b> 此私人信箱允许共享, 但需要其他用户输入正确的密码后才可以查看此私人信箱中的内容.<br> 
        <b>3、无密码共享:</b> 此私人信箱允许共享, 并且无需密码其他任何用户即可查看此私人信箱中的内容.<br> 
        <br> 
        <b>是否允许系统显示:</b> 选中该选项后, 此私人信箱将会被加入到"系统共享文件夹"列表中(您可以通过点击左边的"共享文件夹"来显示"系统共享文件夹"列表), 所有的用户都可以在此列表中看到您共享了一个私人信箱.<br> 
        <br> 
        <b>密码设定:</b> 当您只想修改私人信箱的共享方式、显示方式或直接共享给指定用户, 而不想修改原先已设定的密码时, 您只要不输入密码即可.<br> 
        <br> 
        <b>直接共享给指定用户:</b> 您可以将私人信箱直接共享给系统内的其他用户. (注: 建议您将共享方式设置为加密码后共享, 如果您设置为无密码共享时, 除了您指定的用户外, 其他用户也可以查看您共享的私人信箱)<br> 
        <br> 
        </td> 
    </tr> 
    <tr> 
    <td><a name="ff_showall"></a><br> 
        <font color="#FF3333">收藏其他用户共享出来的文件夹</font><br> 
        <br> 
        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br> 
        <br> 
        加入方法分为两种:<br> 
        <b>1、从显示在"系统共享文件夹"(显示在下方)中的列表里直接收藏:</b> 您可以直接点击任一显示在系统共享文件夹列表中的文件夹最后的图标来进行收藏.<br> 
        注意: 如果此共享文件夹是加密码后共享时, 您必须要输入正确的共享密码时才可以正常查看其他用户共享出来的文件夹(具体的密码您可以询问此文件夹的所属用户).<br> 
        <br> 
        <b>2、直接收藏:</b> 当系统内的某一个用户共享了他自己的私人信箱后, 如设置为不允许系统显示时, 您将无法在"系统共享文件夹"中看到, 这时您必须使用直接收藏的方式才可以将他共享出来的私人信箱加入到您的共享文件夹列表中. 不过, 您将需要直接输入文件夹所属人的用户名、文件夹名以及密码.<br> 
        注意: 以上两种加入方式, 当共享文件夹是无密码共享时, 您将无需输入任何密码.<br> 
        <br> 
        <b>修改:</b> 当共享文件夹已经被原共享人修改了共享密码时, 您可以使用修改功能更新此文件夹的密码, 修改成功后才可以继续查看此共享文件夹. 
        <br> 
    </td> 
    </tr> 
    <tr>  
      <td><a name="showuserpop"></a><br> 
        <font color="#FF3333">多POP3接收代理</font><br> 
        <br> 
        如果你以前已经有了其它Email地址, 并且你的朋友都在向那些地址发信; 你就可以设置"POP3接收"功能, 让系统把你在其它地方的Email通过POP3协议提取到本系统中.  
        请在"服务器地址"中填写你的POP3服务器名称或地址, 如"pop.21cn.com", 然后填写你收取该服务器上邮件的帐号名称和口令, 如果你不知道你的服务器使用什么端口,  
        请使用缺省设置"110".<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
    <td><a name="showuserkill"></a><br> 
        <font color="#FF3333">用户拒收邮件地址</font><br> 
        <br> 
        对于您不想接收的邮件地址, 您可以将其加入到拒收列表中.<br> 
        <br> 
    </td> 
    </tr> 
    <tr> 
    <td><a name="userfiltermail"></a><br> 
        <font color="#FF3333">高级邮件过滤功能</font><br> 
        <br> 
        高级邮件过滤功能, 可以让系统帮助您自动将符合指定条件(“邮件地址”、“发件人”、“邮件大小”或“主题”)的邮件进行删除、自动回复或是移到垃圾箱的操作.<br><br> 
        我们可以使用此功能对付日益增多的垃圾邮件和其他不受欢迎的邮件. 每一个过滤器的排列顺序是很重要的, 当用户接收到一封符合某一过滤器的邮件后, 如果此过滤器的"符合条件后的处理"是中止的话, 那么此邮件将不会使用余下的过滤器进行过滤.<br> 
        <br> 
    </td> 
    </tr> 
    <tr>  
      <td><a name="showusersetup"></a><br> 
        <font color="#FF3333">启动相关功能</font><br> 
        <br> 
        系统中的POP3接收功能、邮件拒收功能、自动回复功能、自动转发功能将需要在启动该功能后, 才会被正式启用.<br> 
        <br> 
      </td> 
    </tr> 
    <tr> 
    <td><a name="style"></a><br> 
        <font color="#FF3333">帐号保护</font><br> 
        <br> 
        为防止您忘记密码后无法进入系统, 您需要填写帐号保护信息. 当您因为忘记密码而通过回答帐号保护问题进入邮箱后, 请立即修改您的密码.<br> 
        <br> 
    </td> 
    </tr> 
    <tr> 
    <td><a name="calshare"></a><br> 
        <font color="#FF3333">“私人”、“公开”和“显示正忙”的区别</font><br> 
        <br> 
        效率手册事件中的“私人”、“公开”和“显示正忙”许可, 决定他人查看您的公开效率手册时的事件显示方式. 如果要让他人看到事件的标题、说明和时间等信息, 则可将事件设置为“公开”. 如果要让其他人知道您在此事件期间正忙, 但他们又没有必要知道您在干什么, 则可以将事件设置为“显示正忙”. 如果不想让其他人看到您此期间计划的事件, 则将事件设置为“私人”.<br> 
        <br> 
    </td> 
    </tr> 
    <tr>  
      <td> <br> 
        <font color="#FF3333">退出电子邮箱</font><br> 
        <br> 
        请不要以直接关闭浏览器的方法退出邮箱, 建议使用点击"退出"的方式, 然后再关闭所有浏览器, 这样将可确保您的信箱安全.<br> 
        <br> 
      </td> 
    </tr> 
  </table> 
</div> 
<br><br> 
</BODY> 
</html>

Javascript 相关文章推荐
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
node.js中的fs.fchmod方法使用说明
Dec 16 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
微信小程序 刷新上拉下拉不会断详细介绍
May 11 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
JS实现DOM删除节点操作示例
Apr 04 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
Aug 14 Javascript
javascript下给元素添加事件的方法与代码
Aug 13 #Javascript
javascript引用对象的方法代码
Aug 13 #Javascript
使一个函数作为另外一个函数的参数来运行的javascript代码
Aug 13 #Javascript
一段效率很高的for循环语句使用方法
Aug 13 #Javascript
javascript实现轮显新闻标题链接
Aug 13 #Javascript
document.open() 与 document.write()的区别
Aug 13 #Javascript
js小技巧--自动隐藏红叉叉
Aug 13 #Javascript
You might like
thinkphp配置连接数据库技巧
2014/12/02 PHP
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
js格式化时间的方法
2015/12/18 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
2018/04/11 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
用node开发并发布一个cli工具的方法步骤
2019/01/03 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
如何用python整理附件
2018/05/13 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
破解安装Pycharm的方法
2018/10/19 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
专科应届生求职信
2013/11/24 职场文书
文明村创建实施方案
2014/03/27 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
优秀英文求职信范文
2015/03/19 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
python分分钟绘制精美地图海报
2022/02/15 Python
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python