java 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>