jjzjj

innerWidth

全部标签

javascript - jQuery 如何获得 innerWidth 但没有填充?

根据文档,innerWidth几乎可以满足我的需要:"Getstheinnerwidth(excludestheborderandincludesthepadding)forthefirstmatchedelement."我需要知道宽度不包括填充。IE。元素内的可用空间。jquery是否提供类似这样的东西-进行了一些谷歌搜索,但找不到任何解决方案。我考虑过从内部宽度中减去padding-left和padding-right值-但考虑到这些可能是百分比、像素或em我不是确定这是否可靠。有什么建议吗? 最佳答案 您可能只是在寻找widt

javascript - 窗口 innerWidth 大小更改时的 AngularJS 事件

我正在寻找一种方法来观察窗口内部宽度大小的变化。我尝试了以下但没有用:$scope.$watch('window.innerWidth',function(){console.log(window.innerWidth);});有什么建议吗? 最佳答案 我们可以用jQuery做到这一点:$(window).resize(function(){alert(window.innerWidth);$scope.$apply(function(){//dosomethingtoupdatecurrentscopebasedonthenewi

javascript - 窗口 innerWidth 大小更改时的 AngularJS 事件

我正在寻找一种方法来观察窗口内部宽度大小的变化。我尝试了以下但没有用:$scope.$watch('window.innerWidth',function(){console.log(window.innerWidth);});有什么建议吗? 最佳答案 我们可以用jQuery做到这一点:$(window).resize(function(){alert(window.innerWidth);$scope.$apply(function(){//dosomethingtoupdatecurrentscopebasedonthenewi

js获取浏览器宽度高度(整理)

在获取浏览器宽度的时候,许多时候需要考虑滚动条的存在。一般情况作为前端获取浏览器宽度,主要是指获取body的宽度,可操作的可视范围宽度。一、使用JQuery获取浏览器宽度重点,jquery获取的宽度=浏览器的可视宽度-滚动条的宽度(如果有滚动条)//JQuery获取浏览器宽度:浏览器的可视宽度-滚动条的宽度(如果出现垂直方向滚动条)varwinWidth=$(window).width();二、使用Js获取浏览器宽度●window.outerWidth:浏览器宽度,包含了浏览器边框所以这种方式不常用。●window.outerHeight:浏览器高度●window.innerWidth:浏览器

js获取浏览器宽度高度(整理)

在获取浏览器宽度的时候,许多时候需要考虑滚动条的存在。一般情况作为前端获取浏览器宽度,主要是指获取body的宽度,可操作的可视范围宽度。一、使用JQuery获取浏览器宽度重点,jquery获取的宽度=浏览器的可视宽度-滚动条的宽度(如果有滚动条)//JQuery获取浏览器宽度:浏览器的可视宽度-滚动条的宽度(如果出现垂直方向滚动条)varwinWidth=$(window).width();二、使用Js获取浏览器宽度●window.outerWidth:浏览器宽度,包含了浏览器边框所以这种方式不常用。●window.outerHeight:浏览器高度●window.innerWidth:浏览器

javascript - 使用 JavaScript/Hammer.js 检测 Android 缩放 innerWidth

我想知道缩放时缩放的innerWith/viewport宽度。如果低于500像素,我想更改图像:$("img#ad").attr("src","http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png");我试过这样的:varhammer=newHammer(document.getElementById("log"));hammer.ontransformstart=function(ev){varpziW="test";//DeclareheretheinnerWidthofthepinchtozoomif(pziW但

javascript - android/javascript - window.innerWidth 和 window orientationEvent 在正确时间触发的问题

我试图在方向改变时准确捕获移动浏览器的窗口高度和宽度,但是(在Android中,我正在测试)-当方向监听器触发并调用函数来捕获窗口高度和width,新的大小还没有准确反射(reflect)出来,所以我最终不得不调用一个任意的延迟来让事情注册到正确的大小。我该如何处理?这是我的代码:window.addEventListener(orientationEvent,function(){setTimeout("setViewport()",500);//setViewport();},false);functionsetViewport(){//Calledeachtimeorientat

javascript - window.innerWidth = 0?

我正在为动画制作Canvas网页。奇怪的是,每次我通过双击html文件启动网页时,Canvas几乎总是大小不正确。我之前发过类似的问题:Canvassizingincorrectlyonloading但没有想要的答案。经过大量调试后,我发现是window.innerWidth给我带来了这样的麻烦。window.innerWidth每次通过双击html文件启动页面并导致Canvas大小不正确时返回0(有趣的是Canvas大小不完全为0,而是一个非常小的对象以堆叠呈现),但在重新加载页面(Ctrl+R)后,问题不再发生。我正在使用jQuery加载页面,这是我的代码:html:js:$(do

javascript - window.innerWidth 和 screen.width 有什么区别?

打开devtools并停靠在右侧,我注意到这两个属性的值有所不同。但最重要的是,我听说其中一个使用物理像素,另一个使用逻辑像素。这是真的?如果是,哪个使用哪个?我无法在任何地方找到有关此的任何信息。 最佳答案 它有点隐含在名称中。:-)window.innerWidth是窗口或更准确地说视口(viewport)的内部宽度(不包括工具栏、窗口镶边等;但包括垂直滚动条占用的空间,如果有的话)。screen.width是屏幕(不仅仅是浏览器窗口)的宽度。因此,例如,现在我的浏览器窗口的innerWidth为1197,但如果我将其变宽,它可

javascript - 如何在 Internet Explorer 8 中获取 innerWidth

在所有最近的浏览器中:window.innerWidth//1920在Internet浏览器8中window.innerWidth//undefined在IE8中获取此值的最佳方法是什么? 最佳答案 IE9不支持innerWidth,您可以改为这样做:varwidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;以上行将为您提供IE以及其他符合标准的浏览器的宽度。如果您使用jQuery,$(window).inn