如何用js实现,在一个页面有个输入文档框,然后点击查询按扭后,调用IE的查询功能在当前页面进行查询

本文介绍了一种使用JavaScript实现在当前网页中进行文本搜索的方法。通过判断浏览器类型(如IE或NS4),利用特定API(如findText或createTextRange)来定位并高亮显示关键词。适用于希望增强网页交互性和用户体验的开发者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script   language= "JavaScript ">
<!--  
var   NS4   =   (document.layers);    
var   IE4   =   (document.all);

var   win   =   window;      
var   n       =   0;

function   findIt()   {
if   (searchstr.value   !=   " ")
findInPage(searchstr.value);
}


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( "友情提示:/n/n对不起,没有找到您所指定搜索的内容,/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);
}
else
alert( "友情提示:/n/n对不起,没有找到您所指定搜索的内容,/n请尝试其他关键词搜索。 ");
}
}

return   false;
}
//   -->
</script>
<input   name= "searchstr "   type= "text "   id= "searchstr "   size= "20 "> <a   href= "javascript:void(0); "   onClick= "javascript:findIt(); "> 搜索 </a> <br>
如何用js实现,在一个页面有个输入文档框,然后点击查询按扭后,调用IE的查询功能在当前页面进行查询

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值