首页 > 编程知识 正文

手机打不开html文件,js点击按钮跳转到另一个页面

时间:2023-05-06 20:02:55 阅读:150333 作者:2746

返回上一页,PC可以使用history.go(1)或history.back )正常返回第一层。 这样,不需要上一页的url具体是什么。 使用history的话一般没有任何问题。

但是,在移动侧,如果想返回上一页。 例如,从a页跳到b页,b页想回到a页时,为了不跳错,需要加上History.go(-1 ),然后按上一层按钮。

nofollow ' class=' header-backjsback '返回

如果没有返回上一页的按钮,用手机怎么操作才能返回上一页呢? 例如,从微信共享,进入的是微信内页面。 此时,内页是第一页,它没有前一页。 你怎么回去? 此时,即使单击“上一步”按钮也没有反应。 不是很好的用户体验。 十有八九有人误以为是臭虫。 这绝对是皮特爸爸的问题。

无论是本机APP还是传统页面,移动端都强烈需要返回到上一页。

javascript提供了一种获取上一页的URL地址的方法。

document.referrer

文档. referrer的源

referrer属性返回加载到当前文档中的文档的URL【摘自W3CSHCOOL】。 如果当前文档未通过超链接访问,则当前文档的URL为NULL。 此属性允许客户端javascript访问HTTP标头。

可以从referrer属性、http标头中获取

与document.referrer的兼容性

所有document.referrer IE7都受支持,兼容,从Android 5.0开始支持,并且还支持iOS。 PC端浏览器由IE7提供支持,兼容性没有大的问题。

但是,有一个小问题。 IE积极清除referref属性。 在IE上用javascript跳。 例如,window.location.href="; 使用document.referrer时,google无法访问浏览器请求的HTTP referrer。 因为IE空了。 其他主要浏览器Firefox和Chrome都保留referrer。 没办法,我判断如果是IE浏览器的话会积极添加referrer。 这样做的原理是,通过在IE浏览器的页面上暗中链接,并自动单击该链接,使referrer可以保留。

document.referrer的牛x做法

解决移动端返回上一页的问题是上述微信共享问题吗? 【精挑细选的店员】按照上帝的方法,既然点击上一页也没有反应,那么只要回到首页,从首页进入另一个子页面就应该没有问题。

判断是否有来自document.referrer源的源信息,如果没有,则返回首页:

页面信息时,变更为首页URL地址

$('.jsBack ' ).attr('href ','/' );

}

这样,再次单击“上一步”按钮可以返回到首页。

如果根据document.referrer的源url是否为网站的url,判断该url的来源有问题,则屏蔽该url下的所有信息,例如不显示图像。 可以有效地防止链条被盗。 目前,百度统计、谷歌ads统计、CNZZ统计都在使用这种方法。

无法取得referrer信息时

在以下场景中无法获得referrer信息: 以下前8个是【个子高的店员】。

直接在浏览器中输入地址

location.reload ()刷新(location.href或location.replace ) (有关刷新的信息) )。

在微信对话框中,单击进入微信自己的浏览器

扫码进入微信或QQ浏览器

将打开一个新窗口并打开页面

从https的网站直接访问http协议的网站(Chrome下亲测) )。

a标签设定rel='noreferrer'(ie7兼容) ) ) ) ) ) ) ) ) )

元标记控制浏览器不发送referer

单击flash内部链接

Chrome4.0或更低版本、IE 5.5或更低版本返回空字符串

使用修改Location以进行页面导航的方法可能会在IE下丢失referrer。 这可能是IE的bug

跨域

如何解决无法获取referrer的情况,还没有好的方法,所以尽量避免吧。

以上就是本文的全部内容。 希望本文内容对大家的学习和工作有帮助。 另外,我想支持很多编程家。

总结

如果你觉得编程主页的内容不错,欢迎向程序员朋友推荐程序员网站。

此文字内容由网友互联网收集整理提供,仅供学习参考,版权归原作者所有。

小编个人微信号jb51ccc

喜欢与人分享编程技术和工作经验,欢迎来到编程之家官方交流群!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。