利用搜索引擎引用来高亮页面关键字

•     当我们在使用大多数的网页搜索引擎的"网页快照"功能时，他们都会在返回的快照页面中加入关键字高亮的功能。这将非常方便我们查找网页中被检索的内容，其中Google快照的关键字高亮还融入了分词功能，不同的词着以不同的颜色。可是由于%!#^*&$!的原因，google的网页快照非常的不稳定，那么我们就自己来加上这个关键字高亮功能吧。

      如下图，当我们在google中搜索了关键字：apache asp.net后的结果：

  

     点击结果的连接并导航到我们自己的页面后，如果我们加以如下关键字高亮，是否会对用户快速查找和定位页面感兴趣的内容，提供方便呢？

  

      按么我们来仔细的看看，可是IE中的地址明明是：http://birdshome.cnblogs.com/archive/2005/11/17/Apache.html，那么怎么能在页面中高亮由搜索引擎检索的关键字呢？这里我们是利用了document的referrer属性来获取搜索引擎类型和关键字信息的。比如上例中，document.referrer属性就为：http://www.google.com/search?hl=zh-CN&newwindow=1&q=apache+asp.net&btnG=%E6%90%9C%E7%B4%A2&lr=lang_zh-CN%7Clang_zh-TW。我们通过javascript分析出指定搜索引擎的关键字，再操作页面DOM对象就实现了高亮的功能。不过对于较长的连续中文关键字，这种客户端高亮方案是不可能提供分词功能的，也算是美中不足了。

      具体实现当前页面被检索关键字高亮的代码如下，放入页面的document.body.onload事件中调用就行了:) function FriendlyDisplayForSearch()
  {
      var url = new UrlBuilder(document.referrer);
      if ( url.m_SUCcess )
      {
           var host = url.m_Host.toLowerCase();
           if ( host.indexOf('.google.') != -1 )
  
           {
               var keyWords = url.GetValue('q', 'UTF8');
               if ( keywords )
               {
  

• [1] [2] [3] [4] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 利用搜索引擎引用来高亮页面关键字 相关文章：
• 利用搜索引擎引用来高亮页面关键字 相关软件

上一篇:中国地区三级联动下拉菜单代码和示例(附带代码下载)

下一篇:中国网络广告进帐超杂志 成为第4大广告媒体

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐