将简单语句从Jquery转换为Javascript

将简单语句从Jquery转换为Javascript,javascript,jquery,Javascript,Jquery,我正试图找出如何将下面的代码转换为Javascript。在线有简单转换的转换工具吗 $('head script[async][src*="analytics"]').on('load', function() { ga('send', 'event', 'checkout', 'complete'); }); 我不知道是否有转换工具,但与jQuery方式相比,有一种工具可以为许多不使用jQuery的事情提供资源 在您的情况下,只需将$()替换为docume

我正试图找出如何将下面的代码转换为Javascript。在线有简单转换的转换工具吗

$('head script[async][src*="analytics"]').on('load', function() {
          ga('send', 'event', 'checkout', 'complete');
        });

我不知道是否有转换工具,但与jQuery方式相比,有一种工具可以为许多不使用jQuery的事情提供资源

在您的情况下,只需将$()替换为document.querySelector,将.on('load',fn)替换为.onload=fn即可,即:

document.querySelector('head script[async][src*="analytics"]').onload = function() {
      ga('send', 'event', 'checkout', 'complete');
    }

让我知道它是否有效

我不知道是否有转换工具,但与jQuery方式相比,有一种工具可以为许多不使用jQuery的事情提供资源

在您的情况下,只需将$()替换为document.querySelector,将.on('load',fn)替换为.onload=fn即可,即:

document.querySelector('head script[async][src*="analytics"]').onload = function() {
      ga('send', 'event', 'checkout', 'complete');
    }

让我知道它是否有效

可能重复仅使用文档进行选择的可能重复项。querySelector('script[src*=“analytics”]”)与“未捕获类型错误:无法将属性“onload”设置为null”相同。问题是Shopify正在加载脚本,所以我无法编辑它。。。加载似乎需要几秒钟的时间。我无法告诉您原因,但我看到的是,在执行querySelector时,它找不到带有该选择器的脚本元素。尝试在该行上使用DevTools设置断点,并从控制台
document.scripts
检查断点是否存在。或者找到另一个选择器以匹配该脚本。好看!尝试仅使用document.querySelector('script[src*=“analytics”]')选择相同的内容“未捕获类型错误:无法将属性“onload”设置为null”。问题是Shopify正在加载脚本,所以我无法编辑它。。。加载似乎需要几秒钟的时间。我无法告诉您原因,但我看到的是,在执行querySelector时,它找不到带有该选择器的脚本元素。尝试在该行上使用DevTools设置断点,并从控制台
document.scripts
检查断点是否存在。或者找到另一个选择器以匹配该脚本。好看!