javascript - 在 JS 中完全附加并加载脚本后执行操作

Question

function loadZendeskWidget() {
    const script = document.createElement('script')
    script.type = 'text/javascript'
    script.async = true
    script.src = '//v2.zopim.com/?key'
    document.body.appendChild(script)
}

当 onClick 动作发生时，我将我的脚本附加到 HTML 中，然后据我所知，这个脚本的加载发生了。是否有任何可能的方法来获取有关此脚本何时加载并附加到窗口的信息。在我的案例逻辑下：

1. 用户点击按钮打开聊天
2. 我们在正文中附加聊天，然后加载聊天并将window.$zopim值附加到窗口对象。然后我想做window.$zopim.livechat.window.show()

我试过了 ：

script.onload = function () { window.$zopim.livechat.window.show() }

但它不起作用。

标签： javascript

Answer 1

SDK 允许 onload 回调

$zopim(function(){
   // Custom code here
});

例如

$zopim(function(){
  $zopim.livechat.window.show()
});