Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JQuery在WordPress上加载页面后运行JavaScript_Javascript_Jquery_Wordpress_Performance_Pagespeed - Fatal编程技术网

使用JQuery在WordPress上加载页面后运行JavaScript

使用JQuery在WordPress上加载页面后运行JavaScript,javascript,jquery,wordpress,performance,pagespeed,Javascript,Jquery,Wordpress,Performance,Pagespeed,我是JS新手,我仍在努力理解这一切。所以我决定给自己一些项目,这样我就可以学习语法了 我有一个聊天小部件,当有人登陆我的网站时,它会加载。然而,我只想在页面加载后运行这个小部件来提高网站性能 如何调整此脚本,使其仅在WordPress网页加载后运行 <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStar

我是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-->

var Tawk_API=Tawk_API | |{},Tawk_LoadStart=new Date();
(功能(){
var s1=document.createElement(“脚本”),s0=document.getElementsByTagName(“脚本”)[0];
s1.async=true;
s1.src=https://embed.tawk.to/...../default';
s1.字符集='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
更新:widget开发者建议这样做

<!--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-->

var w=窗口;
var Tawk_API=Tawk_API | |{},Tawk_LoadStart=new Date();
(功能(){
函数l(){
var s1=document.createElement(“脚本”),s0=document.getElementsByTagName(“脚本”)[0];
s1.async=true;
s1.src=https://embed.tawk.to/...../default';
s1.字符集='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
}
如果(w.attachEvent){
w、 附件(‘空载’,l);
}否则{
w、 addEventListener('load',l,false);
}
})();

如果使用jQuery,则可以使用

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

在用户加载页面后运行javascript。

如果使用jQuery,可以使用

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

在用户加载页面后运行javascript。

如果希望在页面解析后加载javascript,请将“延迟”添加到脚本标记


如果希望在页面解析后加载,请将defer添加到脚本标记


解决方案与noChillSunday在回答中所做的相同解决方案与noChillSunday在回答中所做的相同