可以用来搜索当前页面内容的js代码

ttx9n · 发表于 2009-12-8 02:24:39

搜索页面内容的js代码，不过这效率不是很高，大篇幅内容不建议使用。

<html> 
<head> 
<title>搜索页面内容</title> 
</head> 
<script language="JavaScript"> 
var NS4 = (document.layers); 
var IE4 = (document.all); 
// window to search. 
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);"> 
<input name="string" type="text" size=20 onChange="n = 0;"> 
<input type="submit" value="==>>搜"> 
</form> 
1 2 3 4 5 6 7 8 9 10 11 12 13 
<body> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

平平安安 · 发表于 2022-8-8 10:49:21

人都不在了啊啊

fzyzy · 发表于 2022-11-7 06:53:08

谢谢您的分享！

uj9lpc · 发表于 2023-1-10 13:12:54

论坛有你更精彩！

6hruhg · 发表于 2023-2-1 23:50:26

大家都不容易！

JosephSA · 发表于 2023-5-12 08:36:54

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

idy6_yus · 发表于 2023-9-14 21:53:37

收下来看看怎么样

溪谷玉贤 · 发表于 2023-9-19 11:05:00

有什么好的服务器

dingzhi521 · 发表于 2023-11-14 19:07:12

哟哟哟哟哟以偶

qzdhcgs · 发表于 2024-3-15 09:41:40

vcxvcxv

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 可以用来搜索当前页面内容的js代码

相关帖子