⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 java3.txt

📁 JS实现的页面搜索效果
💻 TXT
字号:
<html>  
<head>  
<title> </title>  
</head>  
<body>  
<!--将以下代码加到 <body>中//-->  
<script language="JavaScript">  
var NS4;   
var IE4;   
if(document.all){IE4=true;NS4=false;}   
else{IE4=false;NS4=true;}   
// window to search.   
var win = window;   
var n   = 0;   
function findInPage(str) {   
    var txt, i, found;   
    if (str == "") return false;   
    if (NS4){   
        win.find(str, false, false, true)   
        while(win.find(str, false, false, true)) 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);   
           }   
        }   
  }   
  return false;   
}   
  
</script>  
<form name="search" onSubmit="return findInPage(this.string.value);">  
<input name="string" type="text" size=20 onChange="n = 0;">  
<input type="submit" value="给我搜">  
</form>  
  
试试搜这几个字 hi! how are you!   
  
</body>  
</html>  

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -