window.screen.width
創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)習(xí)水,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?/p>
document.body.clientWidth
網(wǎng)頁(yè)可見(jiàn)區(qū)域高：
document.body.clientHeight
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?/p>
document.body.offsetWidth
(包括邊線的寬)
網(wǎng)頁(yè)可見(jiàn)區(qū)域高：
document.body.
offsetHeight
(包括邊線的高)
網(wǎng)頁(yè)正文全文寬：
document.body.scrollWidth
網(wǎng)頁(yè)正文全文高：
document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高：
document.body.scrollTop
網(wǎng)頁(yè)被卷去的左：
document.body.scrollLeft
網(wǎng)頁(yè)正文部分上：
window.screenTop
網(wǎng)頁(yè)正文部分左：
window.screenLeft
屏幕
物理分辨率
的高：
window.screen.height
屏幕物理分辨率的寬：
window.screen.width
屏幕可用工作區(qū)高度：
window.screen.availHeight
屏幕可用工作區(qū)寬度：
window.screen.availWidth
屏幕縮放因子：window.devicePixelRatio
屏幕邏輯分辨率：window.screen.width
*
window.devicePixelRatio
(縮放因子與物理分辨率的乘積)
$(window).width()指的是瀏覽器的高度，改變?yōu)g覽器的高度，$(window).width()的值就會(huì)改變。
window.screen.width指的是你手機(jī)或電腦屏幕的高度，無(wú)論你怎么改變?yōu)g覽器高度他都是不變的，和你的屏幕分辨率相關(guān)。
兩者的高度是不一樣的，使用js中的alert()方法打印這兩個(gè)高度就會(huì)發(fā)現(xiàn)它們之間的差別。
擴(kuò)展資料：
jQuery
jQuery 是繼prototype 之后又一個(gè)優(yōu)秀的輕量級(jí)JavaScript 框架。其宗旨是———“Write Less, Do More”,寫(xiě)更少的代碼,做更多的事情。 它是一個(gè)快速和簡(jiǎn)潔的JavaScript 庫(kù)，可以簡(jiǎn)化HTML 文檔元素的遍歷，事件處理，動(dòng)畫(huà)和Ajax 交互以實(shí)現(xiàn)快速Web 開(kāi)發(fā)，它被設(shè)計(jì)用來(lái)改變編寫(xiě)JavaScript 腳本的方式。
jQuery 最有特色的語(yǔ)法特點(diǎn)就是與CSS 語(yǔ)法相似的選擇器，并且它支持CSS1 到CSS3 的幾乎所有選擇器，并兼容所有主流瀏覽器，這為快速訪問(wèn)DOM 提供了方便。
參考資料來(lái)源：百度百科-jQuery
script?type="text/javascript"?
function?validate_img(a){
var?file?=?a.value;
if(!/.(gif|jpg|jpeg|png|GIF|JPG|png)$/.test(file)){
alert("圖片類(lèi)型必須是.gif,jpeg,jpg,png中的一種");
return?false;
}else{
var?image?=?new?Image();
image.src?=?file;
var?height?=?image.height;
var?width?=?image.width;
var?filesize?=?image.filesize;
??alert(height+"x.."+filesize);
if(width80??height80??filesize102400){
alert('請(qǐng)上傳80*80像素?或者大小小于100k的圖片');
??return?false;
}
}
alert("圖片通過(guò)");
}
/script?
圖像:input?type="file"?name="uploadImg"?onchange="Javascript:validate_img(this);"?size="12"/
測(cè)試的時(shí)候放服務(wù)器上測(cè)試，本地不行的哈～
script type="text/javascript"
$(document).ready(function() ? ?
{
alert($(window).height()); //瀏覽器當(dāng)前窗口可視區(qū)域高度
alert($(document).height()); //瀏覽器當(dāng)前窗口文檔的高度
alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度 包括
border padding margin
alert($(window).width()); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?/p>
alert($(document).width());//瀏覽器當(dāng)前窗口文檔對(duì)象寬度
alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度 包括
border padding margin
alert(screen.height);//顯示器分辨率，只能用JavaScript代碼獲取
alert(screen.width);
})
/script
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.clientHeight
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth
網(wǎng)頁(yè)正文全文高： document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高： document.body.scrollTop
網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft
網(wǎng)頁(yè)正文部分上： window.screenTop
網(wǎng)頁(yè)正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
這個(gè)是文件源代碼
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
""
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title/title
script src="lib/jquery-1.6.min.js" type="text/javascript"/script
script src="lib/jquery.validate.js" type="text/javascript"/script
script src="lib/jquery.validate.messages_cn.js" type="text/javascript"/script
style type="text/css"
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
/style
script type="text/javascript"
$(document).ready(function(){
$("#commentForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
url:"url",
comment: "required"
}
});
});
/script
/head
body
form class="cmxform" id="commentForm" method="get" action=""
fieldset
legend一個(gè)簡(jiǎn)單的驗(yàn)證帶驗(yàn)證提示的評(píng)論例子/legend
p
label for="cusername"姓名/label
em*/eminput id="cusername" name="username" size="25" /
/p
p
label for="cemail"電子郵件/label
em*/eminput id="cemail" name="email" size="25" /
/p
p
label for="curl"網(wǎng)址/label
em /eminput id="curl" name="url" size="25" value="" /
/p
p
label for="ccomment"你的評(píng)論/label
em*/emtextarea id="ccomment" name="comment" cols="22"/textarea
/p
p
input class="submit" type="submit" value="提交"/
/p
/fieldset
/form
/body
/html
現(xiàn)在的問(wèn)題是 在IE瀏覽器是可以驗(yàn)證的 在遨游 360等瀏覽器里面直接用瀏覽器打開(kāi)也是可以驗(yàn)證的，但是用http訪問(wèn)， IE下正常,360 遨游等下面就不行了 。
似乎是瀏覽器設(shè)置的問(wèn)題。我剛開(kāi)始試也不行，后來(lái)把360的網(wǎng)頁(yè)設(shè)置那里的網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)增強(qiáng)的選項(xiàng)都不選，然后點(diǎn)Internet?選項(xiàng)，把安全級(jí)別和隱私級(jí)別都設(shè)置為中，就好了。
jq不會(huì)出現(xiàn)這樣的問(wèn)題的，檢查下代碼存放位置是否正確。另外您的jq是什么版本的？另外如果實(shí)在取不到那就用這個(gè)
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁(yè)可見(jiàn)區(qū)域高：?document.body.clientHeight
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth?(包括邊線的寬)
網(wǎng)頁(yè)可見(jiàn)區(qū)域高：?document.body.offsetHeight?(包括邊線的高)
網(wǎng)頁(yè)正文全文寬：?document.body.scrollWidth
網(wǎng)頁(yè)正文全文高：?document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高：?document.body.scrollTop
網(wǎng)頁(yè)被卷去的左：?document.body.scrollLeft
網(wǎng)頁(yè)正文部分上：?window.screenTop
網(wǎng)頁(yè)正文部分左：?window.screenLeft
屏幕分辨率的高：?window.screen.height
屏幕分辨率的寬：?window.screen.width
屏幕可用工作區(qū)高度：?window.screen.availHeight
屏幕可用工作區(qū)寬度：?window.screen.availWidth
。。。。
document.body.clientWidth?用這個(gè)原生的?比jq快得快
重慶分公司
重慶分公司
