JavaScript学習ノートのページの高度な使い方

2100 ワード

js。

ページの可視領域は広いです.document.body.client Width. ページの可視領域は高いです.document.body.clientHeight; ページの可視領域の幅:document.body.offset Width(境界線の幅を含む) ページの可視領域の高さ:Dcument.body.offset Height(境界線の幅を含む) ページの全文の幅:Dcument.body.scrollWidth; ホームページの全文は高いです.Dcument.body.scrollHeight; ページが巻かれている高さ:Dcument.body.scrollTop; ページが巻かれている左:document.body.scrollLeft; ホームページの本文の部分:window.screenTop; ホームページの本文の部分の左:window.screenLeft; スクリーン解像度の高さ:window.screen.height; 画面解像度の幅:window.screen.width; スクリーン使用可能ワークエリアの高さ:window.screen.avail Height; スクリーンの使用可能なワークエリアの幅:window.screen.avail Width.
scrollHeightはオブジェクトのスクロール高さを取得します. scrollLeftは、オブジェクトの左端とウィンドウ内で現在見られているコンテンツの左端との距離を設定または取得します. scrollTopは、オブジェクトの一番上とウィンドウで見えるコンテンツの一番上の距離を設定または取得します. scrollwidthオブジェクトのスクロール幅 offset Height取得オブジェクトのレイアウトまたは親座標offset Part属性により指定された親座標の高さ offset Left取得対象は、レイアウトまたはoffsetPart属性によって指定された親座標に対して左側の位置を計算します. offset Topは、レイアウトまたはoffset Top属性によって指定された親座標に対するオブジェクトの計算上の位置を取得します. event.client X相対文書の水平座標 event.client Y相対文書の垂直座標
event.offsetX相対容器の水平座標 event.offsetY相対容器の垂直座標 Dcument.documentElement.scrollTop垂直方向スクロールの値 event.client X+document.documentElement.scrollTop相対文書の水平座標+垂直方向スクロールの量
現在のページのスクロールバー縦軸位置を取得するには、 document.documentElement.scrollTop; ではなく、 Dcument.body.scrollTop;
DcumentElementはhtmlタグに対応していますが、bodyはbodyタグの例に対応しています.ページのスクロール位置に応じて浮動枠を表示します.





  
               
  



  
    トップに る
  

  
    var div = document.getElementById("toTop");
    document.body.onscroll = function () {
      var heightTop = document.documentElement.scrollTop;
      if (heightTop >= 500)
        div.style.display = "block";
      else
        div.style.display = "none";
    }
    function goToTop() {
      document.documentElement.scrollTop = 0;
    }

Jsオブジェクトの例と構造関数の練習