client家族屬性

2022-07-01 10:03:13 字數 2080 閱讀 5820

在前面總結了offset家族屬性和scroll家族屬性，今天來總結一下client家族屬性，同前面一樣，client家族也包寬高和左上，具體的通過**來區別這三大家族屬性的不同。

doctype html


>


<


html 


lang


="en"


>


<


head


>


<


meta 


charset


="utf-8"


>


<


title


>


title


>


<


style


>


#box


pstyle


>


head


>


<


body


>


<


div 


id="box"


>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


<


p>前端js


p>


div>


<


script


>


varbox 


=document.getelementbyid(


"box");


console.log(box.offsetwidth, box.offsetheight);


console.log(box.clientwidth, box.clientheight);


console.log(box.scrollwidth, box.scrollheight);


console.log(box.offsetleft, box.offsettop);


console.log(box.clientleft, box.clienttop);


console.log(box.scrollleft, box.scrolltop);


script


>


body


>


html


>
在上面的例子中，我們定義了乙個內容超出，出現滾動的div，並了區分，新增了較大的邊框和邊距，下面是不同家族的列印結果：

從上面的列印結果中，我們可以得出結論：

我們還可以通過下面的圖更清晰的看出三者之間的差別：

在前面總結scroll家族的時候基於標準模式和怪異模式，封裝過一次scroll家族屬性，同理，為了解決不同瀏覽器之間的差距，我們也可以封裝乙個client家族屬性的函式，y用於獲取螢幕的可是寬度和高度。

function client() 


}else if(document.compatmode === "css1compat")


}return 


}

scroll家族屬性

首先，scroll家族包括4個屬性 接下來，我們先簡單看一下相關屬性。例1 doctype html html lang en head meta charset utf 8 title title style body style head body script type text html c...

client快取機制

client快取機制不僅能夠減輕server端的壓力，同一時候也能讓使用者在網速較慢的情況下獲取良好的使用者體驗。這樣以此類推，記憶體中的資料和快取的資料保持一致。當使用者又一次下拉重新整理介面時，會出現兩種情況 一種是此時使用者資料更改小於一頁。另外一種是使用者資料更改大於一頁。第一種情況比較簡單...

建立新的client

在sap 伺服器安裝時，預設設定了三個client，分別是000，001和066。這些client是sap的標準client，它們包含了client的初始資料，一般不要拿來用。如果要開始配置系統，請以client 000為源拷貝乙個新的client。我們以000這個client為模板，拷貝生成乙個新...