移动端初始化常用JavaScript代码
Posted 飞鲨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端初始化常用JavaScript代码相关的知识,希望对你有一定的参考价值。
移动端常用js分享
1.把手机屏幕等分10分(我用的是这种形式),用rem来计算那些需要自适应。
<script type="text/javascript"> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘, recalc = function () { var clientWidth = docEl.clientWidth; if (clientWidth > 640){ clientWidth = 640; } docEl.style.fontSize = (clientWidth / 10) + ‘px‘; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(‘DOMContentLoaded‘, recalc, false); })(document, window); </script>
2.判断手机是否横竖屏
//判断手机横竖屏状态:
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
if (window.orientation === 180 || window.orientation === 0) {
alert(‘竖屏状态!‘);
}
if (window.orientation === 90 || window.orientation === -90 ){
alert(‘横屏状态!‘);
}
}, false);
//移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
以上是关于移动端初始化常用JavaScript代码的主要内容,如果未能解决你的问题,请参考以下文章