您的位置:首页 > 其它

实现在搜索结果页面中变色显示搜索关键字

2006-08-27 22:26 1086 查看
思路:
从关键字输入页面(简称:页面1)通过form把关键字传入搜索数据显示页面(简称:页面2),在页面2的onload时执行一个javascript用于使页面2中的关键字变色。

好处:
这种做法不涉及到业务层,所以可以使表示层和业务层达到一种松耦合状态,进而获得松耦合的好处。

步骤:
1、从页面1通过form传入关键字(当然页面1和页面2也可以在一个jsp文件中实现)。

2、在页面2中加入以下javascript
//用于关键字变色
function findInPage(str){
var NS4 = (document.layers);
var IE4 = (document.all);
var win = window;
var n=0;
var txt,i,found;
if(str==''){return false;}
if(NS4){
if(!win.find(str))
while(win.find(str,false,true))n++;else{n++;};
}

if(IE4){
txt=win.document.body.createTextRange();
for(i=0; i<=n&&(found=txt.findText(str))!=false; i++){
txt.pasteHTML("<b style='background-color:#ffff00'>"+txt.text+"</b>");
if(found){
txt.scrollIntoView();
n++;
}else{
if(n>0){
n=0;findInPage(str);
}
}
}

}
return false;
}

3、在页面2的onload中加入以下代码:
findInPage('strKey');
//其中strKey从为页面1传入的关键字。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: