uni-app APP端从打开的H5页面中返回app_bootstrap教程，layUI教程，前端框架教程_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

我爱模板网在使用uni-app做一个app时，遇到了需要从打开的H5页面中返回app。具体流程如下：APP端调用接口->跳转到第一个H5页面（此页面是第三方，再此页面执行完后，会跳转到一个网络地址，这个网络地址对应的就是第二个页面，也是我们自己的一个页面）->从第一个H5页面跳转到第二个H5页面，这个H5是自定义的页面，有个返回按钮->点击这个返回app。

第二个页面的代码大体如下：

1<button type="button" class="btn btn-primary">点击返回</button>
2<script>
3document.querySelector('.btn').onclick = function(){
4    history.go(-2)
5}
6</script>

然后发现这个返回按钮点击并没有效果。因为app中根本没有window对象，更没有history对象。

还好，uni-app提供了相关的方法，按照下面的方法就能解决：
1、在head引入下面的js：

`1`	`<script` `type="text/javascript"` `src="http://www.5imoban.net/uploads/allimg/210916/154939CJ-0.jpg"></script>`

2、修改上面的返回按钮的js为下面的代码即可：

1<script>
2document.addEventListener('UniAppJSBridgeReady', function() {
3    document.querySelector('.btn').addEventListener('click', function(evt) {
4        uni.navigateBack()  //sdk中默认如果没有参数，则delta为1
5    });
6});
7</script>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！

uni-app APP端从打开的H5页面中返回app

猜你喜欢