Penjelasan terperinci tentang jenis dokumen HTML Recommended_HTML/Xhtml_Web page production

Milik saya ialah:

Blog Park:

Mengenai rujukan jenis dokumen HTML: http://i.wanz.im/2010/05/28/why_doctype_html/

Saya menyemak dan mendapati terdapat perbezaan antara saiz visual halaman semasa yang diperolehi oleh JS dan kedudukan tatal halaman!
Halaman tersebut mengandungi DIV 2000*2000 Data yang disusun oleh IE dan Chrome pada jenis dokumen HTML yang berbeza adalah seperti berikut:
Standard:
Khas:

Apabila jenis dokumen HTML tidak ditambahkan pada HTML, ia lalai kepada mod khas!

	Chrome标准	Chrome特殊	IE标准	IE特殊
document.body.clientTop;	0	0	0	2
document.body.clientLeft;	0	0	0	2
document.body.clientWidth;	473	473	471	471
document.body.clientHeight;	2000	625	2000	604
document.body.scrollTop;	224	289	0	255
document.body.scrollLeft;	315	388	0	278
document.body.scrollWidth;	2005	2005	2005	2010
document.body.scrollHeight;	2010	2010	2000	2005
document.body.offsetTop;	0	0	0	0
document.body.offsetLeft;	0	0	0	0
document.body.offsetWidth;	473	473	471	492
document.body.offsetHeight;	2000	2000	2000	625
document.documentElement.clientTop;	0	0	0	0
document.documentElement.clientLeft;	0	0	0	0
document.documentElement.clientWidth;	473	473	471	0
document.documentElement.clientHeight;	625	2010	604	0
document.documentElement.scrollTop;	0	0	199	0
document.documentElement.scrollLeft;	0	0	241	0
document.documentElement.scrollWidth;	2005	2005	2005	492
document.documentElement.scrollHeight;	2010	2010	2010	625
document.documentElement.offsetTop;	0	0	0	0
document.documentElement.offsetLeft;	0	0	0	0
document.documentElement.offsetWidth;	473	473	492	492
document.documentElement.offsetHeight;	2010	2010	625	625

Analisis:

Jumlah lebar halaman: document.body.scrollWidth;
Jumlah ketinggian halaman: document.body.scrollHeight;
Kedudukan halaman Chrome: document.body.scrollTop; document.body.scrollLeft;
Piawaian Chrome Kawasan kelihatan halaman: document.documentElement.clientWidth; document.documentElement.clientHeight;
Kawasan kelihatan halaman khas Chrome: document.body.clientWidth;
Kedudukan halaman standard IE: document.documentElement .scrollTop ; document.documentElement.scrollLeft;
Ie kawasan halaman standard kelihatan: document.documentElement.clientWidth; document.documentElement.clientHeight;
IE kedudukan halaman khas: document.body.scrollTop; >Kawasan halaman khas IE yang boleh dilihat: document.body.clientWidth; document.body.clientHeight;

Kod JS adalah seperti berikut:

Salin kodKod adalah seperti berikut:

function getSize() {
var obj = new Object(); >obj.allWidth = document.body.scrollWidth;
obj.allHeight = document.body.scrollHeight; body.scrollTop;
obj.left = document.body.scrollLeft;
if (document.compatMode === 'CSS1Compat') {
obj.width = document.documentElement.clientWidth; .height = document.documentElement .clientHeight;
}
else {
obj.width = document.body.clientWidth;
obj.height = document.body.clientHeight; >} lain {
jika (document.compatMode === 'CSS1Compat') {
obj.width = document.documentElement.clientWidth;
obj.height = document.documentElement.clientHeight; .top = document.documentElement .scrollTop;
obj.left = document.documentElement.scrollLeft;
}
lain {
obj.width = document.body.clientWidth; = document.body.clientHeight ;
obj.top = document.body.scrollTop;
obj.left = document.body.scrollLeft; ;
makluman( obj.left);
alert(obj.width(obj.height); Nota: Halaman Utama Discovery Blog Park Jenis dokumen HTML ialah:

Mengapa ia berbeza daripada halaman paparan esei?

Selamat datang untuk mencetak semula, sila nyatakan: Dicetak semula daripada [ http://www.cnblogs.com/zjfree/ ]