jquery怎么獲取瀏覽器屏幕分辨率

script type="text/javascript"

成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè),成都做網(wǎng)站公司-創(chuàng)新互聯(lián)公司已向成百上千企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價(jià)格為您打造企業(yè)品質(zhì)網(wǎng)站。

$(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 (包括邊線(xiàn)的寬)

網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight (包括邊線(xiàn)的高)

網(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訪(fǎng)問(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è)置為中，就好了。

jquery中window的寬度（是window的寬度($(window).width())和屏幕分辯率的寬度（screen.width）的區(qū)別？

$(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 的幾乎所有選擇器，并兼容所有主流瀏覽器，這為快速訪(fǎng)問(wèn)DOM 提供了方便。

參考資料來(lái)源：百度百科-jQuery

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è)試，本地不行的哈～

當(dāng)前文章：jquery分辨率,常見(jiàn)的分辨率
當(dāng)前URL：http://chinadenli.net/article29/dseihjh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、外貿(mào)建站、面包屑導(dǎo)航、軟件開(kāi)發(fā)、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)