1、图片初始化加载
2、如何判断横屏
function horAver() { if (window.orientation == 90 || window.orientation == -90) { alert("建议竖起手机玩游戏:-D"); } } window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", horAver, false);
3、pageShow的使用
var count=0; window.addEventListener(‘pageshow‘, function(event) { count++; if(count>1) { alert(11111); } });
4、动画避免使用setInterval,改为css3,间隔时间可从keyframes中改变
@-webkit-keyframes wobble { 70% { -webkit-transform: translateY(0%); } 75% { -webkit-transform: translateY(-5%) rotate(-5deg); } 80% { -webkit-transform: translateY(4%) rotate(3deg); } 85% { -webkit-transform: translateY(-3%) rotate(-3deg); } 90% { -webkit-transform: translateY(2%) rotate(2deg); } 95% { -webkit-transform: translateY(-1%) rotate(-1deg); } 100% { -webkit-transform: translateY(0%); } }
5、修改地址、通过地址传递参数,获取参数
function getQuery(key){ var arr = window.location.search.split(‘&‘) for (var i = 0; i < arr.length; i++) { var ar = arr[i].split("="); if (ar[0] == key) { return arr[1]; } } return ""; }
6、提交表单过程添加loading图片
<form action="#" method="" name="form1" class="f_form" onsubmit="return isForm(this)"> <input type="text" placeholder="姓名" name="name"> <input type="text" placeholder="电话" name="tel"> <input type="hidden" name="platform" value=“"> <input type="button" value="提 交" id="j_formsubmit" class="btn"> </form> $(‘#j_formsubmit‘).on(‘click‘,function(event){ if(isForm(document.form1)) { document.form1.submit(); $(‘.loading_gif‘).html(‘<img src="http://n.sinaimg.cn/mobileh5/dc9d8119/20160107/loading.gif" />‘); } })
function isForm() {
var oForm = $(‘.f_form‘)[0];
if (!oForm.children[0].value) {
alert(‘请输入姓名‘);
return false;
} else if (!/^0?1[3|4|5|7|8][0-9]\d{8}$/.test(oForm.children[1].value)) {
alert(‘请输入正确手机号‘)
return false;
} else {
return true;
}
}
原文:http://www.cnblogs.com/a67cm/p/5125339.html