備忘錄_20160105(定位) 修改 回首頁
程式　2020-01-19　06:50:51　1579387851　100
隨時取得可視範圍的大小 (InternetExplorer7+, Firefox71, Chrome48, Opera12.16, Safari5.1.7forWindows)
隨時取得可視範圍的大小 (InternetExplorer7+, Firefox71, Chrome48, Opera12.16, Safari5.1.7forWindows)

<!doctype html>
<html>
  <head>
    <title></title>
    <style>
      
      html, body
      {
        margin: 0;
        padding: 0;
        
        height: 100%;
      }
      
      #idContainer
      {
        margin: 0;
        padding: 0;
        
        width: 100%;
        height: 100%;
        
        background-color: yellow;
      }
      
      #idChecking
      {
        /* position: absolute; */
        /* z-index: 3; */
        
        margin: 0;
        border-width: 0;
        padding: 0;
        
        background-color: #cdcdcd;
        opacity: 0.4;
        
        font-size: 64pt;
      }
      
    </style>
  </head>
  <body>
    <div id="idContainer" onclick="getResizeEvent();">
      <div id="idChecking"></div>
      <div id="idText"></div>
    </div>
    
    <script>
      
      function gebi(strId)
      {
        return document.getElementById(strId);
      }
      
      function getResizeEvent()
      {
        var o1=gebi("idContainer");
        //o1.innerHTML=o1.clientWidth+", "+o1.clientHeight;
        
        var o2=gebi("idChecking");
        o2.style.left="0px";
        o2.style.top="0px";
        o2.style.width=(o1.clientWidth-1)+"px";
        o2.style.height=(o1.clientHeight-1)+"px";
        o2.innerHTML=o1.clientWidth+", "+o1.clientHeight;
      }
      
      window.onresize=function(event)
      {
        getResizeEvent();
      }
      
      window.onload=function()
      {
        var str1="";
        for(var i=0; i<100; i++)
        {
          str1+="asdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsdasdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsdasdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsdasdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsdasdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsdasdasdssfgsadf879ywrdasfhjkdfhaskjdfhajskdfhjksadfhjksadfh98y324rjkhsadfjkhsadjfkn89yu234r5jkhsdafnsajfnsdaf98uyskajfhjksadhf8yurhaskjdfhakjsdhkajsdhkajsd<br>";
        }
        gebi("idText").innerHTML=str1;
        
        getResizeEvent();
      }
      
    </script>
  </body>
</html>