如何让Chrome在没有jQuery的情况下在脚本标记上触发load/onload事件
要让Chrome在没有jQuery的情况下在脚本标记上触发load/onload事件，可以使用原生JavaScript来实现。以下是一种可能的解决方案：
<!DOCTYPE html>
<html>
<head>
<title>Load Event Example</title>
</head>
<body>
<script>
function loadScript(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if (script.readyState) { // IE
script.onreadystatechange = function() {
if (script.readyState === "loaded" || script.readyState === "complete") {
script.onreadystatechange = null;
callback();
}
};
} else { // Others
script.onload = function() {
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
loadScript("path/to/your/script.js", function() {
// Script loaded and executed successfully
// Perform any additional actions here
});
</script>
</body>
</html>上述代码中，我们定义了一个loadScript函数，该函数接受两个参数：url表示要加载的脚本文件的URL地址，callback表示脚本加载完成后要执行的回调函数。
在函数内部，我们创建一个新的script元素，并根据浏览器的不同设置相应的事件处理程序。对于IE浏览器，我们使用onreadystatechange事件来监听脚本的状态变化，当状态变为"loaded"或"complete"时，表示脚本加载完成，执行回调函数。对于其他浏览器，我们使用onload事件来监听脚本的加载完成。
最后，我们将script元素添加到文档头部中，并指定要加载的脚本文件的URL地址。这样，在脚本加载完成后，就会触发相应的事件处理程序，从而执行回调函数。
这种方法可以在没有使用jQuery的情况下实现脚本的异步加载，并在加载完成后执行相应的操作。它适用于在脚本加载完成后执行特定的逻辑或操作，例如初始化某个库或插件、调用API等。
推荐腾讯云相关产品：腾讯云对象存储（COS），用于存储和管理大规模的非结构化数据，如图片、音频、视频等。您可以通过以下链接了解更多信息：腾讯云对象存储（COS）
请注意，这仅是一个示例答案，可能还有其他方法可以实现相同的效果。
相关·内容
问题: Chrome没有在脚本元素上触发load/onload。这个问题已经在前面的 Chrome not properly observing onload event on script tags?Trying to fire the onload event on script tag 关于如何在没有jQuery的情况</
浏览 24提问于2021-10-19得票数 0
回答已采纳
我可以调用来自document.ready of jQuery的onload事件，如下所示：onloadfunc(param);VS:上面两个是一样的吗？如何在加载的JQuery中调用onloadfunc(Param)，而不是在DOM就绪时调用？
浏览 0提问于2012-12-03得票数 1
回答已采纳
4回答
我有一个奇怪的问题，可能与jQuery文档准备好有关。下面的是一个html和脚本块，其中包含了通常的社交网络脚本。的问题有两个方面：--一个问题是，当浏览器窗口是全宽度(1200px+)时，Facebook脚本将不一致地加载和显示；它有时出现，有时不显示，有时在页面重新加载后出现，有时不加载。只有Facebook的份额没有一致显示；所有其他服务都显示正常。第二个问题：当浏览器窗口很窄时- 650 px左右，当dd_o
浏览 7提问于2013-03-05得票数 9
5回答
如果我为嵌入式对象做一个在线onload事件，这似乎可以工作，但我似乎不能通过addEventListener让load事件工作。这是意料之中的吗？
浏览 6提问于2009-04-11得票数 10
回答已采纳
jQuery('img').bind('error',function(){ jQuery(this).hide();});
我已经写了这段代码，但不可用的图像没有隐藏，仍然显示十字符号。谁能指出哪里可能是错的。我是在document.ready下写这篇文章的，我也在window.onload下尝试过。
浏览 0提问于2010-12-01得票数 5
回答已采纳
javascript\">\n";s += "<"+"/script>" ;
在除IE之外的所有浏览器中，这都会按您的预期执行--来自omehost.com/script/fooFunctions.js的函数将按预期工作。在中，此操
浏览 10提问于2009-03-03得票数 2
1回答
我正在使用chrome来提高页面加载时间。我的问题是，我如何识别和分解什么需要450毫秒才能发生？是否有可能在这里改进加载时间，或者这仅仅是呈现/绘制过程中不可避免的一部分？更新#1
解决了这个问题，罪魁祸首主要是
浏览 0提问于2015-06-27得票数 0
回答已采纳
3回答
我已经将这段代码加载到了body中的脚本中。function() {};
window.addEventListener('load', attach, false); window.attachEvent('onload', attach);而在其他浏览器中，它调用1
浏览 0提问于2010-12-27得票数 2
回答已采纳
2回答
我对jQuery非常陌生，我已经了解到，将首先加载DOM内容，然后才会发生window.onload事件，因为所有样式表和图像都必须加载。但是下面的代码并不适用于我 <script type="text/javascript" > ale
浏览 3提问于2018-01-04得票数 1
回答已采纳
2回答
我正在编写一个有这个content_script的铬扩展名。我已经编写了三个功能，由两个相应的事件触发-双击和加载功能。Double Click事件执行为其编写的函数，但load函数或onload函数没有执行它们各自的函数。$("*").dblclick(function(){
docume
浏览 6提问于2022-03-16得票数 0
我以前在我的JavaScript文件中有这段代码，它曾经工作过. "use strict";
LoadPage();在将jQuery更新到3.3.1版本之后，我不得不将$(window).load替换为$(window).on('load<
浏览 3提问于2018-02-10得票数 4
回答已采纳
我有这个脚本，灰显整个网站，并在文本'showPopUp‘被点击时弹出一个对话框。我的问题是，如何让这个脚本在页面加载时自动执行？脚本： function showPopUp(el) {
var cvr = document.getElementById
浏览 2提问于2012-11-05得票数 0
1回答
我已经使用并使用开发人员控制台，我希望通过在控制台中输入以下代码来删除附在body标记上的onload事件：document.h
浏览 1提问于2015-06-04得票数 5
我使用的是HTML & ASP Classic。有人知道是否有类似"After Load“的事件吗？
谢谢
浏览 2提问于2010-06-22得票数 1
是否可以将window.onload和jQuery的$(函数(){})混合在同一个脚本中？<script type="text/javascript"> // do something
浏览 4提问于2013-10-10得票数 4
回答已采纳
我有一个像这样的javascript代码window.onload=myFunction;在<head></head>标记中和在</body>标记之前使用上面的代码片段有什么不同，因为我想在页面加载后调用我的函数。
浏览 1提问于2012-03-19得票数 3
回答已采纳
我正在尝试做一些相当简单的事情，但是由于我可能不太擅长搜索文档，所以我不能让它工作。</A><A title="Wolfram IP Calc" id="compute" href="javascript:void(O);">Test</A></HTML>
我能找到的唯一能指出这样
浏览 0提问于2012-03-25得票数 24
回答已采纳
6回答
我正在尝试编写一个非常简单的解决方案来异步加载一堆JS文件。到目前为止，我有下面的脚本。但是，回调有时会在脚本未实际加载时调用，这会导致变量未找到错误。如果我刷新页面，有时它只是工作，因为我猜文件是直接从缓存中来的，因此比调用回调更快，这很奇怪吗？s.type = "text/javascript"; s.src = src;
s.addEventListener('loadvar he
浏览 10提问于2010-06-13得票数 14
回答已采纳
好的，我知道这个问题读起来好像我是另一个不知道document.ready如何工作的人，但这有点不同。其中一个变化是从IE的openModalDialog功能迁移到jQuery UI的模式对话框。这意味着我在一个网页上，在一个iframe，点击一个按钮，触发"window.open“在另一个网页上，让用户选择选项。当用户选择一个选项时，索引更改事件触发，在对话框中填充隐藏
浏览 1提问于2017-05-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
