
正文
auto.js获取屏幕高度,jq获取屏幕高度
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript如何获取页面的高度和宽度
:可以使用定时器setInterval,每秒获取一次浏览器的宽和高。2:使用jQuery可以这样获取window的宽高。3:宽度 $(window)width() ,高度$(window).height(),自己写个函数,设定定时器的时间。
什么时候需要获取图片真实的宽度和高度在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。
通过它来给网页内的某个元素设置一个特殊的属性,然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值(比如480px到540px之间、540px到600px之间等等),不是精确值,所以可能得不偿失,因此我是不推荐的。
相关问答
Q1: Js如何操作DOM及获取浏览器高度以及宽度
要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后):outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。
:可以使用定时器setInterval,每秒获取一次浏览器的宽和高。2:使用jQuery可以这样获取window的宽高。3:宽度 $(window)width() ,高度$(window).height(),自己写个函数,设定定时器的时间。
关于js获取dom 节点到浏览器顶或左部的距离,Jquery里面有封装好的offset().top/offset().left,只到父级的顶/左部距离position().top/position().left。
Q2: js获取当前文档视口高度
1、document.body.scrollHeight(scrollWidth):获得网页正文全文高和宽,包含边线宽度。document.body.scrollTop(scrollLeft):浏览器窗口顶部与文档顶部之间的距离(浏览器窗口与文档左侧之间的距离),也就是滚动条滚动的距离。
2、:可以使用定时器setInterval,每秒获取一次浏览器的宽和高。2:使用jQuery可以这样获取window的宽高。3:宽度 $(window)width() ,高度$(window).height(),自己写个函数,设定定时器的时间。
3、要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后):outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。
4、精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。
5、通过window对象来得到窗口相关的内外款高度信息,如下:outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)。
Q3: js获取页面宽度和高度然后把值传给DIV
src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话,那么图片已经被下载过了,所以直接进行后面的就好。
假设需要显示的数据是“123”。显示的div的ID是“aaa”。
js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。
css不行的,如果用css表达式可以取到页面宽度和高度,但不兼容非ie浏览器。
楼主的代码可以用,我在 IE8 和 firefox12 里试了,都可以,可能是html部分的问题。
Q4: js里面获取屏幕宽高的screen对象,为什么获取不了屏幕的宽高值?_百度知...
一般来说在移动浏览器上是拿不到屏幕真实分辨率的,因为页面渲染是在一个叫viewport的页面绘制区域内(说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的)。
Javascript的Screen对象可以获取有关用户显示的信息以及可用的颜色像素数,它可以用于获取有关客户端屏幕功能的信息,如宽度, 高度,颜色深度等,下面我们就来具体看看Screen对象的用法。
这个得到的是设备像素可见宽高,比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64), iPhone 5里为320*504 小部分手机获取到的宽高并不正确。
css不行的,如果用css表达式可以取到页面宽度和高度,但不兼容非ie浏览器。
.height();//获取高度如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。
Q5: 关于JS获取(判断)不同屏幕大小,并根据屏幕的大小,调用不同的CSS,求...
html代码:此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。
css不行的,如果用css表达式可以取到页面宽度和高度,但不兼容非ie浏览器。
.height();//获取高度如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。
用if else 来判断,给设置一个ID,再根据setAttribute改变src的属性。
这种情况需要用百分比来编写样式的宽度大小或者用JS判断根据不同的屏幕分辨率来编写不同的样式大小,这样才能确保你的样式能正确的占满全屏。
var pageHeight = window.innerHeight;if(typeof pageWidth !=number){//如果pagewidth中保存的值不是数字,则表示是IE if(document.compatMode==CSS1Compat){//document.compatMode 是否是标准模式。
auto.js获取屏幕高度的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jq获取屏幕高度、auto.js获取屏幕高度的信息别忘了在本站进行查找喔。






