pushWindow 與前端 location.href 的區別，類似于 PC 瀏覽器的新開標簽頁，每個 window 都是一個新的標簽頁，因此原頁面僅僅是被壓到后臺，狀態始終保持，JS 也會繼續運行。

pushWindow 接口的使用方法

// 打開淘寶首頁，自動讀取 title，并且去除右邊菜單按鈕
AlipayJSBridge.call('pushWindow', {
  url: 'https://m.taobao.com/',   // 要打開頁面的 URL
  // 打開頁面的配置參數
  param: {
    readTitle: true,              //自動讀取 title
    showOptionMenu: false         // 隱藏右邊菜單
  },
  // 用于給新開的頁面傳遞參數，可選
  // 在新開的頁面使用 AlipayJSBridge.startupParams 可以獲取到 passData
  passData: {
    key1: "key1Value",
    key2: "key2Value"
  }
});

代碼示例

• 打開淘寶首頁，去除右邊菜單。

  <h1>打開淘寶首頁</h1>
  <a class="btn J_demo">執行</a>
  <script>
  function ready(callback) {
    // 如果 jsbridge 已經注入則直接調用
    if (window.AlipayJSBridge) {
        callback && callback();
    } else {
        // 如果沒有注入則監聽注入的事件
        document.addEventListener('AlipayJSBridgeReady', callback, false);
    }
  }
  ready(function(){
    document.querySelector('a').addEventListener('click', function() {
        // 打開淘寶首頁，自動讀取 title，并且去除右邊菜單
        AlipayJSBridge.call('pushWindow', {
            url: 'https://m.taobao.com/',
            param: {
                readTitle: true,
                showOptionMenu: false
            }
        });
    });
  });
  </script>

• 打開時設置透明標題欄。

  <h1>打開淘寶首頁</h1>
  <a class="btn J_demo">執行</a>
  <script>
  function ready(callback) {
  // 如果 jsbridge 已經注入則直接調用
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // 如果沒有注入則監聽注入的事件
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
  }
  ready(function() {
  document.querySelector('a').addEventListener('click', function() {
    AlipayJSBridge.call('pushWindow', {
      url: 'https://m.taobao.com',
      param: {
        transparentTitle: 'auto'
      }
    });
  });
  });
  </script>

API 說明

AlipayJSBridge.call('pushWindow', {
    url, param, passData
})

入參

param 參數詳解

pushWindow 參數默認繼承

pushWindow 和 location.href 的區別

您可以根據以下內容理解 pushWindow 和 location.href 的區別：

• 首先把 Nebula 容器理解為一個 PC 瀏覽器。

• window 可以理解為標簽頁，location.href 就是正常的標簽跳轉。

• pushWindow 實際上就是新開了一個標簽頁，并且把之前那一頁壓到下面，push 出來的這頁放在頂層展現。此時被壓到下面的上一頁所有狀態均保留。

• location.href 就是依然停留在這個標簽頁，直接做頁面跳轉。

• 當 pushWindow 出來的標簽頁被關閉（pop）時，如果之前還有 window 存在，那么之前那個 window 就會恢復顯示，并觸發 resume。