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

2024-09-06 12:41:47

字体：大中小

来源：转载

供稿：网友

<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);
    }

上一篇：document.styleSheets[0].rules 与 cssRules区别

下一篇：JavaScript 模仿vbs中的 DateAdd() 函数的代码