移动开发平台 mPaaS 关闭当前页面

By | 2021年4月23日

此接口用来关闭当前页面。

popWindow 接口的使用方法

  
  1. // 关闭当前打开的页面
  2. AlipayJSBridge.call('popWindow');

代码示例

  • 关闭当前页面:

        
    1. <h1>关闭当前页面</h1>
    2. <a href="#" class="btn J_demo">执行</a>
    3. <script>
    4. function ready(callback) {
    5. // 如果 jsbridge 已经注入则直接调用
    6. if (window.AlipayJSBridge) {
    7. callback && callback();
    8. } else {
    9. // 如果没有注入则监听注入的事件
    10. document.addEventListener('AlipayJSBridgeReady', callback, false);
    11. }
    12. }
    13. ready(function(){
    14. document.querySelector('a').addEventListener('click', function() {
    15. AlipayJSBridge.call('popWindow');
    16. });
    17. });
    18. </script>
  • 关闭当前页面并且传递数据:

        
    1. <h1>点击"新开窗口",然后点击"回退窗口"查看效果</h1>
    2. <a href="#" class="btn pop">回退窗口</a>
    3. <a href="#" class="btn new">新开窗口</a>
    4. <script>
    5. function ready(callback) {
    6. // 如果 jsbridge 已经注入则直接调用
    7. if (window.AlipayJSBridge) {
    8. callback && callback();
    9. } else {
    10. // 如果没有注入则监听注入的事件
    11. document.addEventListener('AlipayJSBridgeReady', callback, false);
    12. }
    13. }
    14. ready(function() {
    15. document.querySelector('.new').addEventListener('click', function() {
    16. AlipayJSBridge.call('pushWindow', {
    17. url: location.pathname
    18. });
    19. });
    20. document.querySelector('.pop').addEventListener('click', function() {
    21. AlipayJSBridge.call('popWindow', {
    22. data: {
    23. from: location.href,
    24. info: Date.now()
    25. }
    26. });
    27. });
    28. document.addEventListener('resume', function(event) {
    29. alert('页面回退时带过来的内容: ' + JSON.stringify(event.data));
    30. });
    31. });
    32. </script>

API

  
  1. AlipayJSBridge.call('popWindow', {
  2. data
  3. })

入参

名称 类型 描述 必选 默认值
data object 传递给当前 App 内即将露出页面的内容,无法跨 appId 传递数据。 N

注意事项

请关注公众号获取更多资料

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注