ice world

          There is nothing too difficult if you put your heart into it.
          posts - 104, comments - 103, trackbacks - 0, articles - 0

          解決document.body.clientHeight沒給你你想要的現(xiàn)象

          Posted on 2011-04-16 02:32 IceWee 閱讀(3294) 評論(1)  編輯  收藏 所屬分類: CSS
          HTML文檔中使用了腳本控制內(nèi)容的高度,所以要用到 document.body.clientHeight,但是發(fā)現(xiàn)結(jié)果卻不是想象的那樣,請教高手得來真經(jīng),是需要設(shè)置html,body樣式。試試去掉紅色的樣式設(shè)置。腳本的功能是解決窗口進(jìn)入后最大化不能自適應(yīng)的問題。
           

          demo.html

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          <html xmlns=" http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
          <title>Eletric Power Integrative System</title>
          <style type="text/css">
             html, body {

              width
          : 100%;
              height
          : 100%;
              margin
          : 0px;
              padding
          : 0px;
             
          }

          </style>
          <script type="text/javascript">
             
          function $(id) {
              
          return document.getElementById(id);
             }


             window.onload 
          = window.onresize = function() {
              $('cententMain').style.height 
          = (document.body.clientHeight - 100+ 'px'; 
              
          //alert($('cententMain').style.height);
             }

          </script>
          </head>
          <body>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
             
          <tr>
              
          <td>
               
          <div id="header" style="height:75px; background:#006F68; left:0px; top:0px; width:100%; z-index:1000"></div> 
              
          </td>
             
          </tr>
             
          <tr>
              
          <td>       
               
          <div id="cententMain" style="background-color:#fff; position:absolute; left:0px; top:75px; bottom:25px; width:100%; z-index:100">
                
          <iframe id="indexFrame" name="indexFrame" src="http://www.xjgc.com" width="100%" height="100%" frameborder="1"></iframe>
               
          </div> 
              
          </td>
             
          </tr>
             
          <tr>
              
          <td>
               
          <div id="footer" style="background:#006F68; border-top:1px solid #1291a9; height:25px; position:absolute; left:0px; bottom:0px; width:100%; z-index:1000" align="center" valign="bottom">
                
          <span style="font-size:11px;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;">&copy;2008 - 2012 Icesoft</span>
               
          </div>
              
          </td>
             
          </tr>
          </table>
          </body>
          </html>


          Feedback

          # re: 解決document.body.clientHeight沒給你你想要的現(xiàn)象[未登錄]  回復(fù)  更多評論   

          2013-09-13 16:49 by 1
          1
          主站蜘蛛池模板: 班戈县| 文山县| 金门县| 广河县| 桓仁| 东方市| 临汾市| 平舆县| 通渭县| 达拉特旗| 峡江县| 丰顺县| 榆中县| 兰州市| 泸水县| 林西县| 体育| 台南县| 汉阴县| 奉节县| 通海县| 万盛区| 辉南县| 墨玉县| 朝阳区| 蓝田县| 夏津县| 邮箱| 奉新县| 九龙城区| 昌乐县| 呼图壁县| 隆回县| 留坝县| 平阳县| 政和县| 凯里市| 扎囊县| 寻甸| 柳林县| 德化县|