实现HTML页面的本页查询

作者:zhangtao 日期:2009-03-27

字体大小: 小中大

实现页面内查询，就像Ctrl+F一样
<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("没有找到。");
        }
        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>
<form     name="search"     onSubmit="return     findInPage(this.string.value);">
<font     size=3><input     name="string"     type="text"     size=15     onChange="n     =     0;"></font>
<input     type="submit"     value="搜索">         查找页面关键字
</form>

[本日志由 zhangtao 于 2009-03-29 04:51 PM 编辑]