一、问题:
如题,有时候一个H5会有很多页面,一般打开链接封面会有动效,有目录的封面在进入内页时,需要返回,但返回后,动效是不需要的,在不使用后台传参或者进行控制的情况下,如何让再次返回封面的动效不显示?
二、思路:
一般用到后台的情况下,是最简单的,直接后台进行判断从而控制前端页面的显示,在不使用后台的情况下,也能达到这个目的的话,模拟是最好的方式。
三、解决:
从内页跳转到封面的链接可以加个#的后缀,如:封面页地址为:index.html,此时在内页里跳转到封面的链接可写为:index.html#noplay,只要一打开封面页,就进行判断:
if(window.location.hash=='#noplay'){
// 表示是从内页跳转过来的,即取消动效
}else{
// 有动效
}
四、延伸:
举一反三,此方法也可以进行页面传参(需要进行字符串截取,如单个参数:window.location.hash.substr(1,window.location.hash.length)),思路类似。