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
          
			
          
		




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
巍山|
澄迈县|
清新县|
和硕县|
八宿县|
当雄县|
高雄县|
六安市|
龙游县|
莱阳市|
鄂尔多斯市|
景泰县|
盱眙县|
比如县|
古交市|
绥中县|
泰顺县|
永泰县|
邢台市|
隆林|
松潘县|
忻城县|
古蔺县|
安福县|
滕州市|
阿鲁科尔沁旗|
阿拉善右旗|
乌拉特后旗|
庆元县|
张家口市|
纳雍县|
泰来县|
乐都县|
广丰县|
普安县|
客服|
乐平市|
元朗区|
辽宁省|
淄博市|
灵璧县|