当前页面: 开发资料首页 → Javascript 专题 → 用JS代码实现页内搜索

用JS代码实现页内搜索

摘要: 用JS代码实现页内搜索

一次偶然发现的代码觉得很实用，如果您的一个页面内有很多文字
想提供页内搜索功能的话建议大家试试这个：(在使用前请把所有的《换为<，》换为>，要不就去看看例子吧，已经包含了代码！)
《FORM name=search onsubmit=return findInPage(this.string.value);》
《INPUT onchange=n = 0; size=15 name=string value=狐狸》
《INPUT type=submit value=页内搜索...》《/FORM》
《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(Not found.);
}

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( 不好意思，在本页没找到，是不是到其它类别去看看呢？\n 如果还没有找到，请给我发邮件(fred_fan@163.net)吧，我会尽力找找……\n\n云孩儿\nhttp://www.yunboys.com);
}
}

return false;
}

《/SCRIPT》
例子请看这里：http://www.yunboys.com/article/go.asp?id=139

↑返回目录
前一篇: 用JavaScript实现文件图片滚动效果
后一篇: 几个很有用的javascript函数