昨天看了一大堆javascript代码,其中有下面几句,都不知道是什么意思。
1、if(window.goggler) window.toggler={}
2、if(window.opera)
3、if(document.body) //document.body作为条件,能判断什么呀?上面三句都是判断什么的呀?

解决方案 »

  1.   

    打错了:1应该是
    if(window.toggler)window.toggler={}
      

  2.   

    我就说吗
    googole找不多啊
    [代码收藏]yahoo首页伸缩效果 
     
    Tags: yahoo 首页 效果 伸缩  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>runcode</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Author" content="Sheneyan" />
    <script type="text/javascript">
    var mh = 30;//最小高度
    var step = 1;//每次变化的px量
    var ms = 10;//每隔多久循环一次
    function toggle(o){
      if (!o.tid)o.tid = "_" + Math.random() * 100;
      if (!window.toggler)window.toggler = {};
      if (!window.toggler[o.tid]){
        window.toggler[o.tid]={
          obj:o,
          maxHeight:o.offsetHeight,
          minHeight:mh,
          timer:null,
          action:1
        };
      }
      o.style.height = o.offsetHeight + "px";
      if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);
      window.toggler[o.tid].action *= -1;
      window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms );
    }
    function anim(id){
      var t = window.toggler[id];
      var o = window.toggler[id].obj;
      if (t.action < 0){
        if (o.offsetHeight <= t.minHeight){
          clearTimeout(t.timer);
          return;
        }
      }
      else{
        if (o.offsetHeight >= t.maxHeight){
          clearTimeout(t.timer);
          return;
        }
      }
      o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
      window.toggler[id].timer = setTimeout("anim('"+id+"')",ms );
    }
    </script>
    <style type="text/css">
    div.xx{border:solid 1px;overflow:hidden;}
    div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;}
    </style>
    </head>
    <body>
    <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    </div>
    </body>
    </html> 
     
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>runcode</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="Author" content="Sheneyan" /> 
    <script type="text/javascript"> 
    var mh = 30;//最小高度 
    var step = 1;//每次变化的px量 
    var ms = 10;//每隔多久循环一次 
    function toggle(o){ 
      if (!o.tid)o.tid = "_" + Math.random() * 100; 
      if (!window.toggler)window.toggler = {}; 
      if (!window.toggler[o.tid]){ 
        window.toggler[o.tid]={ 
          obj:o, 
          maxHeight:o.offsetHeight, 
          minHeight:mh, 
          timer:null, 
          action:1 
        }; 
      } 
      o.style.height = o.offsetHeight + "px"; 
      if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer); 
      window.toggler[o.tid].action *= -1; 
      window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms ); 

    function anim(id){ 
      var t = window.toggler[id]; 
      var o = window.toggler[id].obj; 
      if (t.action < 0){ 
        if (o.offsetHeight <= t.minHeight){ 
          clearTimeout(t.timer); 
          return; 
        } 
      } 
      else{ 
        if (o.offsetHeight >= t.maxHeight){ 
          clearTimeout(t.timer); 
          return; 
        } 
      } 
      o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px"; 
      window.toggler[id].timer = setTimeout("anim('"+id+"')",ms ); 

    </script> 
    <style type="text/css"> 
    div.xx{border:solid 1px;overflow:hidden;} 
    div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;} 
    </style> 
    </head> 
    <body> 
    <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5> 
    内容 
    内容 
    内容 
    内容 
    </div> 
    <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5> 
    sdf容 
    sdf容 
    sf容 
    sfd容 
    </div> 
    </body> 
    </html>
      

  4.   

    关于 window.opera 对象Author: 
    21 May 2005 
    opera(以后简称 op)不认识location=”view-source:”+location这样“查看源代码”的代码(ff ie 都可以)。可用opera.openInSourceViewer(location)来代替。稍有不同,view-source 是用浏览器本身不渲染 html 代码来显示,op则是调用你设置的文本编辑器。</p>
    <p><button onclick="if(!window.opera){alert('别折腾啦!下面要用opera浏览器')}else{alert('你的opera版本是:'+window.opera.version())}">是否opera浏览器</button></p>
    <p><button onclick="alert(window.opera.buildNumber())">显示build版本</button></p>
    <p><button onclick="alert(window.opera.version())">显示版本</button></p>
    <p><button onclick="window.opera.openInSourceViewer(location)">显示源代码</button></p>
    <p>