首页 > 网络编程 > JavaScript > javascript技巧 > 页面内容搜索

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

2009-12-08 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需刷新才能执行]

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

您可能感兴趣的文章: