怎么用Java和Jquery獲取屏幕分辨率

這篇文章主要介紹“怎么用Java和Jquery獲取屏幕分辨率”，在日常操作中，相信很多人在怎么用Java和Jquery獲取屏幕分辨率問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么用Java和Jquery獲取屏幕分辨率”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：申請(qǐng)域名、虛擬主機(jī)、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、凌源網(wǎng)站維護(hù)、網(wǎng)站推廣。

在日常工作種，獲取瀏覽器分辨率的實(shí)現(xiàn)模式往往在于前端就能得到很好的處理效果，但不可能避免的是，比如需要通過(guò)分辨率識(shí)別中英文字符長(zhǎng)度進(jìn)行截取校驗(yàn)時(shí)，在后臺(tái)把邏輯書(shū)寫(xiě)更加方便省時(shí)，故引申了對(duì)后臺(tái)校驗(yàn)分辨率的需求。

一、Java代碼獲取屏幕分辨率

//類(lèi)包使用為： java.awt.Toolkit//屏幕分辨率寬度int screenW = (int) Toolkit.getDefaultToolkit().getScreenSize().getWidth();//屏幕分辨率高度int screenH = (int) Toolkit.getDefaultToolkit().getScreenSize().getHeight();//也可以進(jìn)行方法封裝公共調(diào)用public int getScreenWidth(){
    return (int) Toolkit.getDefaultToolkit().getScreenSize().getWidth();}public int getScreenHeight(){
    return (int) Toolkit.getDefaultToolkit().getScreenSize().getHeight();}//在Java的UI設(shè)計(jì)中，前端需要居中展示dialog或Iframe內(nèi)容時(shí)，可以通過(guò)以上模式獲取分辨率進(jìn)行居中展示int screenWidth = (int) Toolkit.getDefaultToolkit().getScreenSize().getWidth();int screenHeight = (int) Toolkit.getDefaultToolkit().getScreenSize().getHeight();//類(lèi)包使用為： javax.swing.JFrameJFrame myFrame = new JFrame();myFrame.setSize(500, 500)//設(shè)置frame的大小myFrame.setLocation((screenWidth-500)/2, (screenHeight-500)/2);//設(shè)置frame顯示在屏幕中央

二、Jquery獲取屏幕分辨率，常用方法如下：

<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ū)挾?nbsp;
    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>

通用寫(xiě)法如下，和上面JS寫(xiě)法一致：

網(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

獲取方法不難，技巧在于多用多記熟能生巧，畢竟對(duì)于非H5瀏覽器而言，處理兼容性應(yīng)用還是挺頻繁的。

順帶講解一枚關(guān)于CSS3處理自適應(yīng)效果的屬性，即CSS3的 calc() 使用：

1、calc()語(yǔ)法非常簡(jiǎn)單，就像（+）、減（-）、乘（*）、除（/）一樣，使用數(shù)學(xué)表達(dá)式來(lái)表示；

2、實(shí)例   height: calc(expression)     其中"expression"是一個(gè)表達(dá)式，用來(lái)計(jì)算長(zhǎng)度的表達(dá)式;

3、calc()的運(yùn)算規(guī)則，使用的是數(shù)學(xué)運(yùn)算規(guī)則，注意加減乘除前后必須保留空格，否則語(yǔ)法是不嚴(yán)謹(jǐn)。

  1. 使用“+”、“-”、“*” 和 “/”四則運(yùn)算；

  2. 可以使用百分比、px、em、rem等單位；

  3. 可以混合使用各種單位進(jìn)行計(jì)算；

  4. 表達(dá)式中有“+”和“-”時(shí)，其前后必須要有空格，如"widht: calc(12%+5em)"這種沒(méi)有空格的寫(xiě)法是錯(cuò)誤的；

  5. 表達(dá)式中有“*”和“/”時(shí)，其前后可以沒(méi)有空格，但建議留有空格。

4、calc()應(yīng)用屬于css3特有屬性，故對(duì)當(dāng)前主流瀏覽器兼容性均得到較好支持，IE8以下的就不行了，還是老老實(shí)實(shí)的通過(guò)分辨率計(jì)算去獲取自適應(yīng)吧。

5、舉個(gè)實(shí)例清晰明了觀察以下calc()的應(yīng)用模式

<body style="height: 100%;">
    <div id="header" style="height: 100px;"></div>
    <div id="main" style="height: calc(100% - 100px);"></div></body>

 從上面的實(shí)例可以看出，整個(gè)頁(yè)面高度為100%，header高度占用100個(gè)像素，那么main主體區(qū)域的

 自適應(yīng)高度可以寫(xiě)成 height: calc(100% - 100px)。

 即用頁(yè)面100%減去頭部高度100px則等于主體區(qū)域高度；注意符號(hào)前后要有空格。

到此，關(guān)于“怎么用Java和Jquery獲取屏幕分辨率”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

新聞標(biāo)題：怎么用Java和Jquery獲取屏幕分辨率
網(wǎng)站URL：http://bm7419.com/article16/goisgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、電子商務(wù)、網(wǎng)站改版、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、App開(kāi)發(fā)

廣告

聲明：本網(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)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司