H5中如何写跳转页面，有哪些方法
导读：这篇文章主要为大家详细介绍了H5中如何写跳转页面，有哪些方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。 本文给大家介绍H5上滑跳转页面的实现，有一定的参考价值，有...
这篇文章主要为大家详细介绍了H5中如何写跳转页面，有哪些方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。本文给大家介绍H5上滑跳转页面的实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
方法一：
jquery方法
movePage($('body'));
function movePage(dom) {
var startY, moveY, moveSpave;
dom.on("touchstart", function(e) {
startY = e.originalEvent.touches[0].pageY;
return startY;
}
);
dom.on("touchmove", function(e) {
moveY = e.originalEvent.touches[0].pageY;
moveSpave = startY - moveY;
if (moveSpave >
15) {
location.href = 'main.html';
/* 跳转到main.html */
}
}
);
}
方法二：
原生方法
var strat,move,num;
/*定义三个变量, 记录开始、结束距离顶部的距离*/
p_demo.addEventListener("touchstart", function (e){
/*触摸开始*/
console.log("触摸开始")
// console.log(e)
start = e.touches[0].pageY;
console.log(start) /*得出刚触屏时距离页面顶部的距离*/
}
)
p_demo.addEventListener("touchmove", function (e){
/*触摸移动*/
console.log("触摸移动")
// console.log(e)
move = e.touches[0].pageY;
console.log(move) /*得出触屏结束后距离页面顶部的距离*/
}
)
p_demo.addEventListener("touchend", function (e){
/*触摸结束*/
console.log("触摸结束")
// console.log(e)
num = start - move ;
/*得出开始和结束距离页面顶部的差值*/
if(num>
15){
location.href="main.html" /* 跳转到main.html */
}
}
)关于“H5中如何写跳转页面，有哪些方法”的内容就介绍到这，感谢各位的阅读，相信大家对H5中如何写跳转页面，有哪些方法已经有了进一步的了解。大家如果还想学习更多知识，欢迎关注网络，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： H5中如何写跳转页面，有哪些方法
本文地址： https://pptw.com/jishu/654059.html