js 获取手机屏幕高度的代码

需要这段代码的背景:

h5网页嵌入嵌入原生APP中时,在某些机型(如小米4),当页面高度不足慢一屏时,position:fixed;bottom:0d的“按钮”会被遮住,所以需要给页面body设置足够高的最小高度值(min-height),将页面撑高。或者使用如下代码,将html的最小高度值设置为当前手机屏幕的高度。

<script> var mobileHeight=window.innerHeight+"px"; document.getElementsByTagName(‘html‘)[0].style.minHeight=mobileHeight;</script>
时间: 2024-10-15 15:09:18

js 获取手机屏幕高度的代码的相关文章

js 获取整个屏幕的可用宽度和可用高度

screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏. -------------------------------------------完整的例子------------------------------------------- <!DOCTYPE html> <html> <body> <script

动态获取手机屏幕宽高及动态设置控件宽高

1.获取手机屏幕宽高: DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); int screenWidth = dm.widthPixels; int screenHeight = dm.heightPixels; 22.根据屏幕宽度为控件设置动态设置宽高: imageView.setImageResource(R.drawable.newscar); L

获取手机屏幕DisplayMetrics属性方法

首先,有一点需要声明,其实在android中,画布Canvas的高宽其实是屏幕的高宽. 如此一来,获得屏幕高宽的方法就很多了: 1. Java代码 WindowManager windowManager = getWindowManager(); Display display = windowManager.getDefaultDisplay(); screenWidth = display.getWidth(); screenHeight = display.getHeight(); 2.

在onWindowFocusChanged方法中获取手机屏幕的高宽

开发时,我们时常要获取手机屏幕的高宽数据.通常我们会写个获取方法如getScreen();然后在Oncreate()中调用getScreen()方法.我们可能获取到的结果是宽高为0.这是为什么呢?原因在于: 在Activity生命周期中,onCreate,onStart, onResume都不是真正屏幕可见(VISIBLE)时间点,真正的VISIBLE时间点是在当onWindowFocusChanged()函数被执行时,此时用户才真正地可以与应用进行交互,而这函数被调用之前,用户的操作都有一点限

腾讯的手机屏幕的适配代码

腾讯的适配代码 ,比较权威 ,果断盗用! <script type="text/javascript"> if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test

js 获取div 图片高度

使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $("img").css("width");(返回字符串:数字+"px") 但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异 jquery有以下两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){}

js获取窗口滚动条高度、窗口可视范围高度、文档实际内容高度、滚动条离浏览器底部的高度

1.获取窗口可视范围的高度 1 //获取窗口可视范围的高度 2 function getClientHeight(){ 3 var clientHeight=0; 4 if(document.body.clientHeight&&document.documentElement.clientHeight){ 5 var clientHeight=(document.body.clientHeight<document.documentElement.clientHeight)?doc

js获取手机型号和手机操作系统版本号

1.js 判断IOS版本号 先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone

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

function a(){"屏幕宽高为:"+screen.width+"*"+screen.height:}其它:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.