资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery分辨率,分辨率选择

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

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

创新互联是一家专注于网站设计、网站制作与策划设计,平南网站建设哪家好?创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:平南等地区。平南做网站价格咨询:13518219792

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"

$(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怎样限制上传图片的大小和像素宽高,分辨率

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分辨率,分辨率选择
URL标题:http://cdkjz.cn/article/hosgcg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220