移动端JS----笔记

5、判断手机还是PC端

var type = navigator.userAgent.match(/.*Mobile.*/)?"iphone":"Pc";
if(type=="Pc"){
$(".down_up3").hide();
}

6、手机端页面刷新、加载、切换
方法一：使用onDOMContentLoaded事件实现滚动
<script src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

方法二：使用onLoad事件实现滚动
<script src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
setTimeout(function () {
myScroll = new iScroll('wrapper');
}, 100);
}
window.addEventListener('load', loaded, false);
</script>

方法三：inline初始化
<script src="iscroll.js"></script>
<script type="text/javascript">
var myScroll = new iScroll('wrapper');
</script>

** iScroll里传递的参数：
<script>
var myscroll=new iScroll("wrapper",{hScrollbar:false, vScrollbar:false});
</script>

常用参数参考：
hScroll false 禁止横向滚动 true横向滚动 默认为true
vScroll false 精致垂直滚动 true垂直滚动 默认为true
hScrollbar false隐藏水平方向上的滚动条
vScrollbar false 隐藏垂直方向上的滚动条
fixedScrollbar 在iOS系统上，当元素拖动超出了scroller的边界时，滚动条会收缩，设置为 true可以禁止滚动条超出scroller的可见区域。默认在Android上为true， iOS上为false
fadeScrollbar 　 false 指定在无渐隐效果时隐藏滚动条
hideScrollbar 　 在没有用户交互时隐藏滚动条 默认为true
bounce 　 启用或禁用边界的反弹，默认为true
momentum 　 启用或禁用惯性，默认为true，此参数在你想要保存资源的时候非常有用
lockDirection false取消拖动方向的锁定， true拖动只能在一个方向上（up/down 或者 left/right）

document.querySelector（）和document.querySelectorAll（）获取元素节点

7、禁止手机web页面启用数字成为电话或者邮箱链接
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="email=no" name="format-detection" />
<meta name="format-detection" content="telephone=no" />

转载于:https://www.cnblogs.com/shenpeng/p/10979451.html