如何监听脚本标签's的onload事件

How to listen to a script tag's onload event?

本文关键字：事件 onload 标签 何监听 监听 脚本      更新时间：2023-09-26
<script id="me" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script
<script>
    var oB = document.getElementsById('me');
    me.onload = function(){
        alert('OK');
    }
</script>

为什么加载脚本后没有触发me.onload ?

有两个问题:

  • 第一行末尾缺少>(您将</script写成</script>)
  • 没有变量me:您已经将脚本标签检索到变量oB。
因此，您可以通过将me.onload = ...更改为ob.onload = ...来修复代码。

此外，您应该避免使用内联声明的事件侦听器，如<script onload="...">。

最后但并非最不重要的是，您应该使用addEventListener而不是onxxx: addEventListener vs onclick

document.getElementById代替document.getElementsById

oB代替me 

<script id="me" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script
<script>
    var oB=document.getElementById('me');
    oB.onload=function(){
        alert('OK')
    }
</script>

但是这也不起作用，因为我已经像其他答案状态一样加载了

在执行警报代码之前，id为"me"的脚本标签已经下载，因此尽管代码中存在语法错误，但您无法获得警报。

你可以简单地使用:

<script id="me" onload="alert('OK');"src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
相关文章：