运行 JavaScript 使用 JQuery 在 WordPress 上加载页面后
Run JavaScript after page load on WordPress using JQuery
我是 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-->
如果您正在使用 jQuery,您可以使用
$(document).ready(function(){});
在用户加载页面后 运行 javascript。
如果您希望它在页面解析后加载,请将延迟添加到脚本标签
<script type="text/javascript" defer>
否则在 window load : 之后调用它
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);
})();
}
我是 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-->
如果您正在使用 jQuery,您可以使用
$(document).ready(function(){});
在用户加载页面后 运行 javascript。
如果您希望它在页面解析后加载,请将延迟添加到脚本标签
<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);
})();
}