首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js网页如何获取手机屏幕宽度

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 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112719.html原文链接:https:

10.9K30

跨浏览器获取不同环境window窗口宽度和高度

在IE9+、Safari和Firefox中,outerWidth 和 outerHeight 返回浏览器窗口本身尺寸(无论是从最外层window对象还是从某个框架访问)。...在Opera中,这两个属性值表示页面视图容器大小。而 innerWidth 和 innerHeight 则表示该容器中页面视图区大小(减去边框宽度)。...虽然最终无法确定浏览器窗口本身大小,但可以取得页面视口大小,代码如下: var pageWidth = window.innerWidth,      pageHeight = window.innerHeight... = document.body.clientWidth;          pageHeight = document.body.clientHeight;      }  } 注:对于移动设备, window.innerWidth...和 window.innerHeight 保存着可见视口,也就是屏幕上可见页面区域大小。

2.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

    屏幕分辨率高:window.screen.height 屏幕分辨率宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight 屏幕可用工作区宽度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...Window对象innerWidth属性包含当前窗口内部宽度Window对象innerHeight属性包含当前窗口内部高度。 Document对象body属性对应HTML文档标签。...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度...(3)然后,在函数findDimensions ( )中,使用window.innerHeight和window.innerWidth得到窗口高度和宽度,并将二者保存在前述两个变量中。

    8.1K30

    jswindow.parent,window.top、window.self

    在应用有frameset或者iframe页面时,parent 是父窗口,top是最顶级父窗口(有的窗口中嵌套了好几层frameset或者iframe),self是当前窗口,opener是用open方法打开当前窗口...window.self 功能:是对当前窗口自身引用,它和window是等价 语法:window.self 注:window、self、window.self是等价 window.top 功能:返回顶层窗口...语法:window.top 注:如果窗口本身就是顶层窗口,top属性返回是对自身引用。 window.parent 功能:返回父窗口。...语法:window.parent 注:如果窗口本身是顶层窗口,parent属性返回是对自身引用。 在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。...你应当将框架视为窗口中不同区域,框架是浏览器窗口中特定部分。一个浏览器窗口可以根据你需要分成任意多框架,单个框架也可以分成其它多个框架,即所谓嵌套框架。

    2.7K30

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转)

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离  scrollWidth:获取对象滚动宽度...屏幕可用工作区宽度window.screen.availWidth ------------------- 技术要点 本节代码主要使用了Document对象关于窗口一些属性,这些属性主要功能和用法如下...Window对象innerWidth属性包含当前窗口内部宽度Window对象innerHeight属性包含当前窗口内部高度。 Document对象body属性对应HTML文档标签。...--  var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth...(3)然后,在函数findDimensions ( )中,使用window.innerHeight和window.innerWidth得到窗口高度和宽度,并将二者保存在前述两个变量中。

    16.2K10

    js 获取浏览器高度和宽度值(多浏览器)

    网页正文部分左: window.screenLeft 屏幕分辨率高: window.screen.height 屏幕分辨率宽: window.screen.width 屏幕可用工作区高度...: window.screen.availHeight 屏幕可用工作区宽度window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth...= document.body.clientWidth; //获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else

    10.4K60

    js window.open

    懒惰——它是一种对待劳动态度特殊作风。它以难以卷入工作而易于离开工作为其特点。...—— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面 使用window.open即可,关于它参数,为以下四个: URL:需要打开页面URL...window.open("https://vampireachao.gitee.io/") name:打开页面的方式或名称 // 新窗口打开,默认 window.open("https://vampireachao.gitee.io.../","_blank") // 父窗口打开,ifame中使用 window.open("https://vampireachao.gitee.io/","_parent") // 当前窗口中打开 window.open...("https://vampireachao.gitee.io/","_self") // 顶层窗口打开,iframe中使用 window.open("https://vampireachao.gitee.io

    1.9K10

    Python获取Linux或Window

    前段时间写了一篇博文名为《利用Python脚本获取Windows和Linux系统版本信息》,本篇博文利用这篇文章中知识提供一个增强版本获取信息Python脚本。...执行后,看起来就像登录Ubuntu Linux系统时提示motd信息一样,可以看到: 系统类型、发行版本(具体信息)、内核版本等 当前系统时间、时区 系统每一个CPU核心负载和CPU整体负载 进程数量...根分区磁盘空间,Windows下默认C盘 登录用户总数和每一个登录到系统用户信息 内存和交换分区利用率 默认网卡IP地址 系统启动时间和已运行时间 运行截图如下: (1)Linux下截图:...l"     print table.get_string()     print     getUser()     print     getUptime2() 注:脚本内容可以通过GitHub获取...已知存在问题: 暂时未实现获取Windows下网卡中文可视名称 Windows下tty名称默认为None,暂时没有设置对用户友好显示 Ubuntu Linux上motd信息用户登录数量显示为同一用户同一个

    2.7K10

    chrome插件获取window挂载属性

    需求:我们在开发浏览器插件时候,有一些页面中会变一些变量挂在全局变量中(window.xxx) 举例:window.xxx = [1,2,3,4,5] 这些信息可能是页面渲染必要数据, 我们之前是通过爬取...dom来获取页面的一些信息, 那现在我们就可以通过它挂载全局变量,来获取相对应信息了, 省时省力,效率也有所提高, 当然这是一个比较幸运情况,如果页面没有把一些数据挂在全局中, 我们也不想通过爬取...dom来获取信息,就需要模拟页面中api请求, 这是比较繁琐一件事情。...现在我要获取它,就可以创建一个script元素,append到head。而这个script元素执行环境是原始网页,可以自由使用fp这个变量。...上挂载属性拉,就可以在我们contentScript里面使用了, 问题延申:为什么不能够在contentScript里面直接使用window全局变量呢?

    2.7K21

    JavaScript、Jquery获取屏幕宽度和高度

    在日常项目中经常需要获取屏幕宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight... //网页被卷去window.screenTop //网页正文部分上 window.screenLeft //网页正文部分左 window.screen.height //屏幕分辨率window.screen.width... //屏幕分辨率window.screen.availHeight //屏幕可用工作区高度 window.screen.availWidth //屏幕可用工作区宽度 JQuery方法获取: ($(...($(window).width()); //浏览器当前窗口可视区域宽度 ($(document).width());//浏览器当前窗口文档对象宽度 ($(document.body).width())...;//浏览器当前窗口文档body宽度 ($(document.body).outerWidth(true));//浏览器当前窗口文档body宽度 包括border padding margin

    5.3K00

    【iOS】获取当前 NSViewController window 以及其所在 NSWindowController window

    # 前言 场景:登录成功后,我们需要关闭当前登录页 NSViewController 以及 NSWindowController ,这时就需要获得当前 window 进行关闭 # 解决 这里分别针对...NSView 后面就能猜到了 self.window 通过阅读官方文档我们发现,NSView 本身就是持有 window ,所以这个很简单 # NSViewController NSViewController...本身虽然不持有,但是我们可以这样 self.view.window # NSWindowController NSWindowController 本身也持有,所以也很简单啦 self.window...这里要注意:由于 window 是在 NSWindowController 上,而 NSView 和 NSVC 又都是在 NSWindow 上 所以这三个上获得 NSWindow 是同一个 NSWIndow

    1.3K10

    【iOS】获取当前 NSViewController window 以及其所在 NSWindowController window

    前言 场景:登录成功后,我们需要关闭当前登录页 NSViewController 以及 NSWindowController ,这时就需要获得当前 window 进行关闭 解决 这里分别针对...NSView 后面就能猜到了 self.window 通过阅读官方文档我们发现,NSView 本身就是持有 window ,所以这个很简单 NSViewController NSViewController...本身虽然不持有,但是我们可以这样 self.view.window NSWindowController NSWindowController 本身也持有,所以也很简单啦 self.window 这里要注意...:由于 window 是在 NSWindowController 上,而 NSView 和 NSVC 又都是在 NSWindow 上 所以这三个上获得 NSWindow 是同一个 NSWIndow

    60730
    领券