Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 日韩在线观看视频免费,国产成人精品日本亚洲网站 ,最近中文字幕在线的mv视频 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          關(guān)于元素CSS高度的5個(gè)概念
          
        
           
          
	
	
          
		
                        
          次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：
          clientHeight：可視的，看得見(jiàn)的部分，content+padding；
          offsetHeight：在clientHeight基礎(chǔ)上，添加“”邊框“”，即content+padding+margin；
          scrollTop：超過(guò)clientHeight“頂部界線”的部分，即看不見(jiàn)的、已經(jīng) 滾動(dòng)出去 的部分；
          scrollHeight：“內(nèi)容”的本身高度；
          offsetTop：這個(gè)是唯一研究 兩個(gè)元素之間 關(guān)系的，子元素與父元素頂部距離；
          TML標(biāo)簽
          基本標(biāo)簽
          HTML頁(yè)面中內(nèi)容是由HTML標(biāo)簽組織起來(lái)的，如頁(yè)面中的文本、圖像、Flash視頻文件等都是通過(guò)HTML標(biāo)簽合理地顯示在頁(yè)面的各個(gè)位置。


          1 標(biāo)題標(biāo)簽<h1>～<h6>
          標(biāo)題標(biāo)簽表示一段文字的標(biāo)題（主題），并且支持多層次的內(nèi)容結(jié)構(gòu)。HTNL.共提供了6級(jí)標(biāo)題，分別為<h1>～<h6>，并賦予了標(biāo)題一定的外觀，所有標(biāo)題字體加粗，其中山<h1>字號(hào)最大，<h6>字號(hào)最小.

          2.圖像標(biāo)簽<img>
          在網(wǎng)頁(yè)中常用的圖像格式有4種，即JPG、GIF、BMP.PNG，其中使用比較多的是JPG、GIF和PNG，大多數(shù)瀏覽器都可以顯示這些圖像。

          顯示圖像的語(yǔ)法：
          < img src="ur1" alt="文本" width="x" height="y"/>

          在語(yǔ)法中：
          a、SrC屬性：表示顯示圖像的地址。
          b、alt屬性：指定圖像的替代文本，當(dāng)圖像無(wú)法顯示時(shí)（如圖片路徑錯(cuò)誤或網(wǎng)速太慢等）替代顯示的文本，這樣，即使圖像無(wú)法顯示，用戶還可以看到網(wǎng)頁(yè)丟失的信息，所以為頁(yè)面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好地顯示信息，并且對(duì)于那些使用純文本瀏覽器的人來(lái)說(shuō)是非常有幫助的。
          c、width屬性：表示圖像寬度.
          d、height屬性：表示圖像高度。

          3.段落標(biāo)簽<p>
          顧名思義，段落標(biāo)簽表示將一段文字組成一系列段落內(nèi)容，這樣做的目的是內(nèi)容應(yīng)用某些格式和布局，使各個(gè)段落的邏輯更清晰明了。在HTML文檔中，段落通過(guò)<p>標(biāo)簽定義。段落標(biāo)簽<p>表示段落的開(kāi)始，</p >表示段落的結(jié)束。

          4.換行標(biāo)簽<br/>
          在希望不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行，則使用<br>標(biāo)簽。<br>是一個(gè)空的HTML標(biāo)簽，由于關(guān)閉標(biāo)簽沒(méi)有任何意義，因此它沒(méi)有結(jié)束標(biāo)簽。

          注意：
          使用<b>和<br>的結(jié)果一樣，在XHTML以及未來(lái)的HTML版本中，根據(jù)W3C規(guī)范，不允許使用沒(méi)有結(jié)束標(biāo)簽的HTML元素，因此使用<br>頁(yè)面更規(guī)范，有更長(zhǎng)遠(yuǎn)的保障。

          5.水平線標(biāo)簽<hr/>
          水平線標(biāo)簽表示一條水平線，注意該標(biāo)簽與<br>標(biāo)簽一樣，沒(méi)有結(jié)束標(biāo)簽，直接使用<hr/>表示標(biāo)簽的開(kāi)始和結(jié)束。
          使用以上講解的基本標(biāo)簽，就可以進(jìn)行網(wǎng)頁(yè)內(nèi)容排版了。
          頁(yè)可見(jiàn)區(qū)域?qū)挘篸ocument.body.clientWidth 
          網(wǎng)頁(yè)可見(jiàn)區(qū)域高：document.body.clientHeight 
          網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 
          網(wǎng)頁(yè)可見(jiàn)區(qū)域高：document.body.offsetHeight (包括邊線的寬) 
          網(wǎng)頁(yè)正文全文寬：document.body.scrollWidth 
          網(wǎng)頁(yè)正文全文高：document.body.scrollHeight 
          網(wǎng)頁(yè)被卷去的高：document.body.scrollTop 
          網(wǎng)頁(yè)被卷去的左：document.body.scrollLeft 
          網(wǎng)頁(yè)正文部分上：window.screenTop 
          網(wǎng)頁(yè)正文部分左：window.screenLeft 
          屏幕分辨率的高：window.screen.height 
          屏幕分辨率的寬：window.screen.width 
          屏幕可用工作區(qū)高度：window.screen.availHeight 
          屏幕可用工作區(qū)寬度：window.screen.availWidth 
          HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
          scrollHeight: 獲取對(duì)象的滾動(dòng)高度。 
          scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離 
          scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 
          scrollWidth:獲取對(duì)象的滾動(dòng)寬度 
          offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 
          offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置 
          offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 
          event.clientX 相對(duì)文檔的水平座標(biāo) 
          event.clientY 相對(duì)文檔的垂直座標(biāo) 
          event.offsetX 相對(duì)容器的水平坐標(biāo) 
          event.offsetY 相對(duì)容器的垂直坐標(biāo) 
          document.documentElement.scrollTop 垂直方向滾動(dòng)的值 
          event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量 
          IE，F(xiàn)ireFox 差異如下： 
          IE6.0、FF1.06+： 
          clientWidth = width + padding 
          clientHeight = height + padding 
          offsetWidth = width + padding + border 
          offsetHeight = height + padding + border 
          IE5.0/5.5： 
          clientWidth = width - border 
          clientHeight = height - border 
          offsetWidth = width 
          offsetHeight = height 
          (需要提一下：CSS中的margin屬性，與clientWidth、offsetWidth、clientHeight、offsetHeight均無(wú)關(guān))
          網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth
          網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.clientHeight
          網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
          網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight (包括邊線的高)
          網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth
          網(wǎng)頁(yè)正文全文高： document.body.scrollHeight
          網(wǎng)頁(yè)被卷去的高： document.body.scrollTop
          網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft
          網(wǎng)頁(yè)正文部分上： window.screenTop
          網(wǎng)頁(yè)正文部分左： window.screenLeft
          屏幕分辨率的高： window.screen.height
          屏幕分辨率的寬： window.screen.width
          屏幕可用工作區(qū)高度： window.screen.availHeight
          屏幕可用工作區(qū)寬度： window.screen.availWidth
          －－－－－－－－－－－－－－－－－－－
          技術(shù)要點(diǎn)
          本節(jié)代碼主要使用了Document對(duì)象關(guān)于窗口的一些屬性，這些屬性的主要功能和用法如下。
          要得到窗口的尺寸，對(duì)于不同的瀏覽器，需要使用不同的屬性和方法：若要檢測(cè)窗口的真實(shí)尺寸，在Netscape下需要使用Window的屬性；在IE下需要 深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)；在DOM環(huán)境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。
          Window對(duì)象的innerWidth屬性包含當(dāng)前窗口的內(nèi)部寬度。Window對(duì)象的innerHeight屬性包含當(dāng)前窗口的內(nèi)部高度。
          Document對(duì)象的body屬性對(duì)應(yīng)HTML文檔的標(biāo)簽。Document對(duì)象的documentElement屬性則表示HTML文檔的根節(jié)點(diǎn)。
          document.body.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。document.body. clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。
          實(shí)現(xiàn)代碼
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <title>請(qǐng)調(diào)整瀏覽器窗口</title>
          <meta http-equiv="content-type" content="text/html; charset=gb2312">
          </head>
          <body>
          <h2 align="center">請(qǐng)調(diào)整瀏覽器窗口大小</h2><hr>
          <form action="#" method="get" name="form1" id="form1">
          <!--顯示瀏覽器窗口的實(shí)際尺寸-->
          瀏覽器窗口 的 實(shí)際高度: <input type="text" name="availHeight" size="4"><br>
          瀏覽器窗口 的 實(shí)際寬度: <input type="text" name="availWidth" size="4"><br>
          </form>
          <script type="text/javascript">
          <!-- 
          var winWidth = 0;
          var winHeight = 0;
          function findDimensions() //函數(shù)：獲取尺寸
          {
          //獲取窗口寬度
          if (window.innerWidth)
          winWidth = window.innerWidth;
          else if ((document.body) && (document.body.clientWidth))
          winWidth = document.body.clientWidth;
          //獲取窗口高度
          if (window.innerHeight)
          winHeight = window.innerHeight;
          else if ((document.body) && (document.body.clientHeight))
          winHeight = document.body.clientHeight;
          //通過(guò)深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)，獲取窗口大小
          if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
          {
          winHeight = document.documentElement.clientHeight;
          winWidth = document.documentElement.clientWidth;
          }
          //結(jié)果輸出至兩個(gè)文本框
          document.form1.availHeight.value= winHeight;
          document.form1.availWidth.value= winWidth;
          }
          findDimensions();
          //調(diào)用函數(shù)，獲取數(shù)值
          window.onresize=findDimensions;
          //-->
          </script>
          </body>
          </html> 
          源程序解讀
          （1）程序首先建立一個(gè)表單，包含兩個(gè)文本框，用于顯示窗口當(dāng)前的寬度和高度，并且，其數(shù)值會(huì)隨窗口大小的改變而變化。
          （2）在隨后的JavaScript代碼中，首先定義了兩個(gè)變量winWidth和winHeight，用于保存窗口的高度值和寬度值。
          （3）然后，在函數(shù)findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和寬度，并將二者保存在前述兩個(gè)變量中。
          （4）再通過(guò)深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)，獲取窗口大小，并存儲(chǔ)在前述兩個(gè)變量中。
          （5）在函數(shù)的最后，通過(guò)按名稱訪問(wèn)表單元素，結(jié)果輸出至兩個(gè)文本框。
          （6）在JavaScript代碼的最后，通過(guò)調(diào)用findDimensions ( )函數(shù)，完成整個(gè)操作。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲熟女乱色一区二区三区|
国产午夜精品一区二区三区不卡
|
亚洲性无码一区二区三区|
国产成人精品一区二区三区无码|
久久亚洲日韩精品一区二区三区|
精品爆乳一区二区三区无码av|
国产天堂一区二区综合|
中文字幕精品一区|
2021国产精品一区二区在线|
亚洲一区二区三区丝袜|
国产成人精品久久一区二区三区|
午夜精品一区二区三区免费视频|
亚洲AV成人精品日韩一区18p|
日韩a无吗一区二区三区|
亚洲国产欧美一区二区三区|
女人和拘做受全程看视频日本综合a一区二区视频
|
日韩人妻无码一区二区三区久久99|
中文字幕Av一区乱码|
亚洲国产精品一区二区久久hs|
欧亚精品一区三区免费|
日韩制服国产精品一区|
国模私拍一区二区三区|
日本精品一区二区在线播放|
中文无码AV一区二区三区|
精品一区二区三区高清免费观看
|
亚洲一区二区在线免费观看|
日本福利一区二区|
福利片福利一区二区三区|
国产精品无码AV一区二区三区|
国产高清不卡一区二区|
精品国产乱码一区二区三区
|
成人免费区一区二区三区|
国产品无码一区二区三区在线|
东京热无码av一区二区|
久久精品一区二区三区日韩|
国产福利一区二区三区视频在线
|
亚洲一区二区三区播放在线|
亚无码乱人伦一区二区|
亚洲Aⅴ无码一区二区二三区软件
亚洲AⅤ视频一区二区三区
|
久久青青草原一区二区|
日本丰满少妇一区二区三区|