jquery分辨率,常见的分辨率

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的宽度（是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"/

测试的时候放服务器上测试，本地不行的哈～