Javascript 无法正确加载外部js文件

我有一个用于动态工具提示的JS文件，如果我在html页面中使用带有

script

标记的代码，它就会工作。但是当我使用

script src

标记从源代码使用它时，脚本会加载，但当我尝试使用工具提示时，它们不起作用。这是JS代码

var tooltips = document.querySelectorAll('.tooltip div');

window.onmousemove = function (e) {
    var x = (e.clientX + 20) + 'px',
        y = (e.clientY + 20) + 'px';
    for (var i = 0; i < tooltips.length; i++) {
        tooltips[i].style.top = y;
        tooltips[i].style.left = x;
    }
};

var tooltips=document.querySelectorAll（'.tooltipdiv'）；
window.onmousemove=函数（e）{
变量x=（e.clientX+20）+‘px’，
y=（e.clientY+20）+‘px’；
对于（变量i=0；i

仅在呈现HTML时运行此脚本

window.onload = function() {
    var tooltips = document.querySelectorAll('.tooltip div');

    window.onmousemove = function (e) {
        var x = (e.clientX + 20) + 'px',
            y = (e.clientY + 20) + 'px';
        for (var i = 0; i < tooltips.length; i++) {
            tooltips[i].style.top = y;
            tooltips[i].style.left = x;
        }
    };
}

window.onload=function（）{
var tooltips=document.querySelectorAll（'.tooltipdiv'）；
window.onmousemove=函数（e）{
变量x=（e.clientX+20）+‘px’，
y=（e.clientY+20）+‘px’；
对于（变量i=0；i

确保在dom完成解析后加载/执行外部脚本，否则

。工具提示div

可能不存在。您的脚本会在dom完全加载之前尝试分配。看看史蒂夫·皮蒂斯的回答