WEB开发网
开发学院网页设计JavaScript 完全基于 JavaScript 实现的分栏搜索百度和 Googl... 阅读

完全基于 JavaScript 实现的分栏搜索百度和 Google 的页面

 2010-09-14 13:38:07 来源:WEB开发网   
核心提示: 看似没啥问题了,先不管头页面,完全基于 JavaScript 实现的分栏搜索百度和 Google 的页面(2),试试再说,咦,不过遇到了更加棘手的问题,由于篇幅问题,页面一闪就跳到百度搜索了,突然想到以前看过防止被放入框架的方法

看似没啥问题了,先不管头页面,试试再说。咦,页面一闪就跳到百度搜索了,突然想到以前看过防止被放入框架的方法,莫不是百度这个昔日的“流氓”现在依然“流氓”?查看百度搜索的源代码,果然有这样一条:if (top.location != self.location) {top.location=self.location;} ,这下可得好好琢磨一下了,top 代表我的这个框架页,我在框架页上声明一个全局变量也叫 location,是不是就会绕过去呢?于是加了一条 var location = ''; 在 window.onload = function() 的外面,刷新,这下好了,两个搜索框架空空如也,原来是我在获取 url 的时候使用了 location 属性,结果变成了使用我声明的 location 变量,值为 '',于是改成 document.location ,搞定!于是整段代码就是这个样子了:

varlocation='';
window.onload=function(){
  varurl=document.location.toString().split('?');
  varw='',p=1;
  if(url.length==2){
    url=url[1].split('&');
    w=url[0].substring(2);
    if(url.length==2)
      p=parseInt(url[1].substring(2));
  }
  if(w=='')
    document.location='baigoogledu.htm';
  varhead=document.getElementById('head');
  varbaidu=document.getElementById('baidu');
  vargoogle=document.getElementById('google');
  head.src='baigoogledu_head.htm?w='+w+'&p='+p.toString();
  p=(p-1)*10;
  google.src='http://www.google.cn/search?q='+w+'&start='+p.toString();
  baidu.src='http://www.baidu.com/s?ie=utf-8&wd='+w+'&pn='+p.toString();
}

不过唯一的一个小缺陷就是左下角会提示网页有错误,因为百度搜索试图访问这里的 location,因此会出现拒绝访问的错误。接下来就是如此炮制头页面,不过遇到了更加棘手的问题,由于篇幅问题,只能单独拿出来写了。

出处:http://www.cnblogs.com/hust21941/archive/2008/12/27/1266677.html

上一页  1 2 

Tags:完全 基于 JavaScript

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接