jquery如何獲取屏幕寬度的一半

$(window).width(); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?/p>

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海滄免費(fèi)建站歡迎大家使用！

$(document).width();//瀏覽器當(dāng)前窗口文檔對(duì)象寬度

$(document.body).width();//瀏覽器當(dāng)前窗口文檔body的寬度

$(document.body).outerWidth(true);//瀏覽器當(dāng)前窗口文檔body的總寬度 包括border padding margin

然后把獲得總寬度除于2就行了

var kuan=$(window).width()/2;

jquery怎么獲取元素距離屏幕的位置

$(window).height();//是文檔窗口高度

$("div").offset().top//是標(biāo)簽距離頂部高度（沒有到下面的距離，比如$("div").offset().down）

$("div").offset().left//是標(biāo)簽距離右邊高度（沒有到下面的距離，比如$("div").offset().right）

$(document).scrollTop();//是滾動(dòng)條高度

$("div").height();//是標(biāo)簽高度

你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();

經(jīng)過簡(jiǎn)單的數(shù)學(xué)變換即可得到你要的值了

獲取頁(yè)面某一元素的絕對(duì)X,Y坐標(biāo)，可以用offset()：

var X = $(‘#DivID’).offset().top;

var Y = $(‘#DivID’).offset().left;

獲取相對(duì)(父元素)位置:

var X = $(‘#DivID’).position().top;

var Y = $(‘#DivID’).position().left;

通過getBoundingClientRect方法獲取對(duì)象位置，包含： left , top , right , bottom 4個(gè)參數(shù)值。

jquery獲取瀏覽器的寬度和高度怎么做的？為啥$(window).width()不行呢

jq不會(huì)出現(xiàn)這樣的問題的，檢查下代碼存放位置是否正確。另外您的jq是什么版本的？另外如果實(shí)在取不到那就用這個(gè)

網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.clientWidth

網(wǎng)頁(yè)可見區(qū)域高：?document.body.clientHeight

網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.offsetWidth?(包括邊線的寬)

網(wǎng)頁(yè)可見區(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快得快

jquery 如何取得控件對(duì)應(yīng)屏幕的坐標(biāo) 謝謝

//獲取屏幕坐標(biāo)

function?cpos(x,?y)?{?this.x?=?x;?this.y?=?y?}

var?getPos?=?(Doc)?=?{

var?docs?=?Doc;

var?pos?=?new?cpos(docs.offsetLeft,?docs.offsetTop);

docs?=?docs.offsetParent;

while?(docs)?{

pos.x?+=?docs.offsetLeft;//不斷疊加與祖先級(jí)的距離

pos.y?+=?docs.offsetTop;

docs?=?docs.offsetParent;

}

return?pos;

}

var?foo?=?document.getElementById('控件id');

console.log(getPos(foo));

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ū)挾?/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è)可見區(qū)域?qū)挘?document.body.clientWidth

網(wǎng)頁(yè)可見區(qū)域高： document.body.clientHeight

網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)

網(wǎng)頁(yè)可見區(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)在的問題是 在IE瀏覽器是可以驗(yàn)證的 在遨游 360等瀏覽器里面直接用瀏覽器打開也是可以驗(yàn)證的，但是用http訪問， IE下正常,360 遨游等下面就不行了 。

似乎是瀏覽器設(shè)置的問題。我剛開始試也不行，后來把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è)置為中，就好了。

網(wǎng)頁(yè)題目：jquery獲取屏幕,jquery獲取屏幕高度
鏈接地址：http://www.rwnh.cn/article14/dssdige.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)

廣告

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