在开始使用 JavaScript 时加载 JavaScript 函数

loading javascript function on start using javascript

本文关键字：JavaScript 函数 加载 开始      更新时间：2023-09-26

我这里有这个javascript函数，例如：

<script type="text/javascript">
  function onLoadFunctions() {
        //some funcitons here...    
  }
</script>

我想在仅使用 javascript 加载页面时加载此函数。谁能帮我。提前谢谢。

如果我明白你在问什么，你可能想用window.onload.

<script type="text/javascript">
  function onLoadFunctions() {
    //some funcitons here...    
  }
  window.onload = onLoadFunctions;
</script>

您还可以使用body onload事件：

<body onload="onLoadFunctions();" ...>
  ...
</body>

该窗口有一个"onload"事件，您可以使用该事件收听：

window.addEventListener("load",myOnLoadFunction)

虽然为了更多的跨浏览器兼容性，你可能想要一个如下功能，因为旧的IE版本使用.attachEvent而不是.addEventListener 

function addEvent(obj,evnt,func)
{
    if(typeof func !== 'function')
    {
        return false;
    }
    if(typeof obj.addEventListener == 'function')
    {
        return obj.addEventListener(evnt.replace(/^on/,''), func, false);
    }
    else if(typeof obj.attachEvent == 'function' || typeof obj.attachEvent == 'object')
    {
        return obj.attachEvent(evnt,func);
    }
}

然后致电：

addEvent(window,'onload',myOnLoadFunction);

您有多种选择可以执行此操作：

您可以在 Javascript 中添加事件侦听器。

window.addEventListener('load',myOnLoadFunction);

或者，如果需要，可以在 html 标记处添加事件侦听器。

<body onload="onLoadFunctions();">

更新

您可以在此处阅读有关addEventListener的更多信息。

相关文章：