1. 程式人生 > 實用技巧 >每日日報8月3日

每日日報8月3日

1.今天學習了建立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>
2.沒有遇到問題
3.明天打算學習Jsp執行原理