今天學習了建立web應用

一.使用節點固定位置
div_div.currentStyle /*可用於判斷是否為IE瀏覽器*/
div_div.currentStyle.left /*獲取預設瀏覽的左邊距值*/
div_div.currentStyle.top /*獲取預設瀏覽的上邊距值*/
document.defaultView.getComputedStyle(div_div,null).left /*獲取當前計算機瀏覽器的左邊距值*/
document.defaultView.getComputedStyle(div_div,null).top /*獲取當前計算機瀏覽器的上邊距值*/


/*scrollLeft|方法是獲取滾動時候的左邊距，由於瀏覽器相容性問題需要使用body或則documentElement，*/
document.documentElement.scrollLeft||document.body.scrollLeft


window,οnlοad=huoqubianju; /*onload 讀取完程式碼後自動執行一次該方法*/
window.οnscrοll=jisuanbianju; /*滑鼠通過滾動的形式觸發相應的方法*/

參考程式碼：

<script type="text/javascript">

   var oleft;
   var otop;
   var div_div =document.getElementById("adver")

   function huoqubianju() {            /*獲得左邊距以及上邊距的具體*/
if(div_div.currentStyle){        /*判斷是否為IE瀏覽器*/
oleft = parseInt(div_div.currentStyle.left);       /*如是就獲取該值*/
otop = parseInt(div_div
 
.currentStyle.top);
      }else{                         /*否則執行當前電腦風格的屬性*/
oleft = parseInt(document.defaultView.getComputedStyle(div_div,null).left);
         otop = parseInt(document.defaultView.getComputedStyle(div_div,null).top);
      }

    }

   function jisuanbianju() {     /*計算滾動時候的邊距*/
      /*由於相容性的問題，需要通過documentElement或則body進行獲取*/
 
var nleft =parseInt(document.documentElement.scrollLeft||document.body.scrollLeft);
      var ntop = parseInt(document.documentElement.scrollTop||document.body.scrollTop);


      /*獲得了兩個屬性後均通過style.top或left進行賦值*/
div_div.style.top=otop+ntop+"px";
      div_div.style.left=oleft+nleft+"px";
    }

    window,onload=huoqubianju;       /*onload  讀取完程式碼後自動執行一次該方法*/
window.onscroll=jisuanbianju;     /*滑鼠通過滾動的形式觸發相應的方法*/
</script>