2、移动端返回上一页:
referrer 可以获取返回跳转或打开到当前页面的那个页面。如果用户直接打开了这个页面(不是通过页面跳转,而是通过地址栏或者书签等打开的),则该属性为空字符串。
由于该属性只是返回一个字符串,所以不能够通过该属性引用页面的 DOM。
特殊情况:
1.直接在浏览器中输入地址
2.用location.reload()、location.href()、location.replace()等刷新页面
3.扫码进入微信或QQ浏览器
4.直接新窗口打开一个页面
5.meta标签来控制不让浏览器发送referer <meta content="never" name="referrer">
1、新建一个html文件,命名为test.html,用于讲解js如何实现返回上一页,并刷新页面。
2、在test.html文件内,使用a标签创建一个链接,链接的地址是test2.html页面。
3、再新建一个html文件,命名为test2.html,用于实现返回上一页,即返回test.html页面。
4、在test2.html文件内,使用a标签创建一个链接,跳转的地址设置为“#”(href="#"),同时给该链接绑定onclick点击事件。
5、在test2.html文件内,将onclick事件绑定backurl()函数,即当链接被点击时,执行backurl()函数。
6、在test2.html文件的js标签内,创建backurl()函数,在函数内,使用document.referrer获得上一个页面的地址,再通过self.location跳转至上一个页面。
7、在浏览器打开test.html文件,查看实现的效果。