页面加载完成后是否调用javascript函数？

我在html页面中使用CookieBot。CookieBot javascript不会在测试环境中加载，并抛出

net:：ERR_ABORTED 404

错误

发生这种情况时，页面加载完成后，页面中的加载微调器将继续显示

我尝试了以下选项在页面加载完成后调用侦听器。但它们都不起作用：

document.addEventListener("load", (e) => {
    console.log("document load");
});

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("DOMContentLoaded");
});

$(document).ready(function() {
    console.log("ready!");
});

$(document).ready(function() {
    console.log("document is ready");
});

$(window).on("load", function(){
    console.log("window load!");
});

window.onload = function () {
    console.log("window onload!");
};

我猜CookieBot脚本会覆盖我的侦听器。下面是一个不调用侦听器的示例。删除CookieBot脚本时，它将运行：

---

页面加载完成后如何调用函数？

我习惯使用

document.addEventListener（“加载”），e=>{console.log（“加载”）；}

---

你能给我们更多的代码看看你的问题是否在这里吗？我认为您的所有测试都是正确的，我不明白为什么它不工作。

您可以在页面加载后使用以下命令调用函数：

window.onload = function() {
 //here you can write your function and invoke it.
}

编辑：

也许我不明白你的要求，但现在我读得更仔细了

问题出在剧本里，对吗？如果在头部插入脚本，将首先加载它

您可以通过以下方式插入脚本的类型： type=“text/plain”带有数据属性：data attribute=“script cookie”

然后在加载所有内容后更改类型，如下所示：

window.onload = function () {
       var allPrefScript = document.querySelectorAll ("script [data-attribute =" script-cookie "]");
allPrefScript [0] .setAttribute ("type", "text / javascript");
}

---

尽管@davilink92的答案有效，但我还是以更实际的方式解决了这个问题

我已将外部脚本加载附加到窗口加载事件：

window.addEventListener('load', function () {
    $.getScript("https://consent.cookiebot.com/uc.js?cbid=d180eb7a-8f13-4549-bacc-6d4a6dfb5da8&culture=en");
    $("#global-loader").fadeOut("slow");
});

---

这样，脚本就无法阻止浏览器调用窗口加载事件侦听器。因此，我能够在页面加载后删除加载微调器。

您能分享您正在使用的正确代码吗？您使用的是什么测试环境？也许现在没有文件all@Asad添加了一个用另一个解决方案修改的jsfiddleI。当我将脚本类型更改为“text/javascript”时，它会自动加载吗？是的，它会；）