文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>用JS代码实现页内搜索

用JS代码实现页内搜索

时间:2007-02-17  来源:PHP爱好者

一次偶然发现的代码觉得很实用,如果您的一个页面内有很多文字 
想提供页内搜索功能的话建议大家试试这个:(在使用前请把所有的《换为<,》换为>,要不就去看看例子吧,已经包含了代码!) 
《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 如果还没有找到,请给我发邮件([email protected])吧,我会尽力找找……nn云孩儿nhttp://www.yunboys.com"); 



return false; 


《/SCRIPT》 
例子请看这里:http://www.yunboys.com/article/go.asp?id=139
php爱好 者站 http://www.phpfans.net php基础|php进阶|php模板.
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载