全部产品

初始化操作

更新时间:2021-02-23 19:15

当执行 window.onload 后,容器会执行初始化操作,产生全局变量 AlipayJSBridge, 然后触发 JS Bridge 初始化完毕(AlipayJSBridgeReady)事件。

注意
  • AlipayJSBridge 注入是一个异步过程,一定要在监听该事件后调用 AlipayJSBridgeReady
  • 执行初始化操作请务必使用 ready 方法,否则可能会导致 H5 获取 AlipayJSBridge 失败。

AlipayJSBridgeReady 使用方法

  1. function ready(callback) {
  2. // 如果 jsbridge 已经注入则直接调用
  3. if (window.AlipayJSBridge) {
  4. callback && callback();
  5. } else {
  6. // 如果没有注入则监听注入的事件
  7. document.addEventListener('AlipayJSBridgeReady', callback, false);
  8. }
  9. }

代码示例

以下代码示例为 bridge 入口的标准写法:

  1. <h1>bridge 使用方法</h1>
  2. <script>
  3. function ready(callback) {
  4. if (window.AlipayJSBridge) {
  5. callback && callback();
  6. } else {
  7. document.addEventListener('AlipayJSBridgeReady', callback, false);
  8. }
  9. }
  10. ready(function() {
  11. alert('bridge ready');
  12. });
  13. </script>