实现在搜索结果页面中变色显示搜索关键字
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传入的关键字。
从关键字输入页面(简称:页面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传入的关键字。
相关文章推荐
- 实现在搜索后将结果中的关键字高亮显示
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- 在WSS搜索结果页面中高亮显示搜索关键字
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- 超简单的搜索结果关键字高亮显示(Replace)
- react中实现搜索结果中关键词高亮显示
- ASP.NET使用正则表达式实现搜索关键字高亮显示
- 在搜索结果出来之前页面显示“等待中...”的做法
- 用struts2框架怎样实现页面载入时即进行查询(经过action)并显示结果
- 如何在搜索页面中高亮显示关键字
- PHP实现抓取百度搜索结果页面【相关搜索词】并存储到txt文件示例
- easyui-combobox---ajax获取数据库JSON数据,实现搜索框实时显示模糊搜索结果
- JAVA_WEB项目之Lucene实现检索结果排序和关键字在索引库中多字段查询结果进行高亮显示
- 在aspx页面实现高亮显示搜过关键字
- 用JS将搜索的关键字高亮显示实现代码
- angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
- 原生Js 两种方法实现页面关键字高亮显示
- ios中 搜索关键字在结果中高亮显示
- 加载google Z-Xing库实现二维码解析与生成,并将解析结果在另一页面显示