189 8069 5689

jquery分辨率,关于分辨率

jQuery怎么获取浏览器最大化的宽度?

window.screen.width

创新互联公司主要从事成都网站制作、网站建设、外贸网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务习水,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

网页可见区域宽:

document.body.clientWidth

网页可见区域高:

document.body.clientHeight

网页可见区域宽:

document.body.offsetWidth

(包括边线的宽)

网页可见区域高:

document.body.

offsetHeight

(包括边线的高)

网页正文全文宽:

document.body.scrollWidth

网页正文全文高:

document.body.scrollHeight

网页被卷去的高:

document.body.scrollTop

网页被卷去的左:

document.body.scrollLeft

网页正文部分上:

window.screenTop

网页正文部分左:

window.screenLeft

屏幕

物理分辨率

的高:

window.screen.height

屏幕物理分辨率的宽:

window.screen.width

屏幕可用工作区高度:

window.screen.availHeight

屏幕可用工作区宽度:

window.screen.availWidth

屏幕缩放因子:window.devicePixelRatio

屏幕逻辑分辨率:window.screen.width

*

window.devicePixelRatio

(缩放因子与物理分辨率的乘积)

jquery中window的宽度(是window的宽度($(window).width())和屏幕分辩率的宽度(screen.width)的区别?

$(window).width()指的是浏览器的高度,改变浏览器的高度,$(window).width()的值就会改变。

window.screen.width指的是你手机或电脑屏幕的高度,无论你怎么改变浏览器高度他都是不变的,和你的屏幕分辨率相关。

两者的高度是不一样的,使用js中的alert()方法打印这两个高度就会发现它们之间的差别。

扩展资料:

jQuery

jQuery 是继prototype 之后又一个优秀的轻量级JavaScript 框架。其宗旨是———“Write Less, Do More”,写更少的代码,做更多的事情。 它是一个快速和简洁的JavaScript 库,可以简化HTML 文档元素的遍历,事件处理,动画和Ajax 交互以实现快速Web 开发,它被设计用来改变编写JavaScript 脚本的方式。

jQuery 最有特色的语法特点就是与CSS 语法相似的选择器,并且它支持CSS1 到CSS3 的几乎所有选择器,并兼容所有主流浏览器,这为快速访问DOM 提供了方便。

参考资料来源:百度百科-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("图片类型必须是.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('请上传80*80像素 或者大小小于100k的图片');

  return false;

}

}

alert("图片通过");

}

/script 

图像:input type="file" name="uploadImg" onchange="Javascript:validate_img(this);" size="12"/

测试的时候放服务器上测试,本地不行的哈~

jquery怎么获取浏览器屏幕分辨率

script type="text/javascript"

$(document).ready(function()    

{

alert($(window).height()); //浏览器当前窗口可视区域高度

alert($(document).height()); //浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括

border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的高度

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括

border padding margin

alert(screen.height);//显示器分辨率,只能用JavaScript代码获取

alert(screen.width);

})

/script

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

这个是文件源代码

!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一个简单的验证带验证提示的评论例子/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"网址/label

em /eminput id="curl" name="url" size="25" value="" /

/p

p

label for="ccomment"你的评论/label

em*/emtextarea id="ccomment" name="comment" cols="22"/textarea

/p

p

input class="submit" type="submit" value="提交"/

/p

/fieldset

/form

/body

/html

现在的问题是 在IE浏览器是可以验证的 在遨游 360等浏览器里面直接用浏览器打开也是可以验证的,但是用http访问, IE下正常,360 遨游等下面就不行了 。

似乎是浏览器设置的问题。我刚开始试也不行,后来把360的网页设置那里的网页内容和网页增强的选项都不选,然后点Internet 选项,把安全级别和隐私级别都设置为中,就好了。

jquery获取浏览器的宽度和高度怎么做的?为啥$(window).width()不行呢

jq不会出现这样的问题的,检查下代码存放位置是否正确。另外您的jq是什么版本的?另外如果实在取不到那就用这个

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth

。。。。

document.body.clientWidth 用这个原生的 比jq快得快


文章题目:jquery分辨率,关于分辨率
标题网址:http://jkwzsj.com/article/dsicoej.html

其他资讯