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

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

10余年的鐘山網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整鐘山建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“鐘山網(wǎng)站設(shè)計(jì)”,“鐘山網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

$(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怎么獲取瀏覽器屏幕分辨率

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è)置為中，就好了。

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怎么獲取元素距離屏幕的位置

$(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ù)值。