使用 JQuery 在 WordPress 上加載頁面后運行 JavaScript

Question

我是 JS 新手，我仍在努力理解這一切。 所以我決定給自己一些項目，這樣我就可以學習語法。

我有一個聊天小部件，當有人登陸我的網站時會加載它。 但是，我只想在頁面加載后運行此小部件以提高網站性能。

如何調整此腳本以僅在我的 WordPress 網頁加載后運行？

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/...../default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

更新：小部件開發人員建議了這一點。

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var w = window;
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
function l() {
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/...../default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
}
if (w.attachEvent) {
w.attachEvent('onload', l);
} else {
w.addEventListener('load', l, false);
}
})();
</script>
<!--End of Tawk.to Script-->

Answer 1

如果您使用的是 jQuery，則可以使用

$(document).ready(function(){});

在用戶加載頁面后運行 javascript。

Answer 2

如果您希望在頁面解析后加載它，請將 defer 添加到腳本標記

 <script type="text/javascript" defer>

否則在窗口加載時調用它之后加載它：

 window.onload = () => { var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/...../default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); }