JavaScript中的Body onload函数_Javascript_Html_Css_Onload

JavaScript中的Body onload函数

javascript html css

JavaScript中的Body onload函数,javascript,html,css,onload,Javascript,Html,Css,Onload,我有我在我的网页下面张贴的代码。如您所见，它使用body onload函数来启动脚本。有没有办法让这个脚本在没有这个的情况下工作，而是用JavaScript <!doctype html> <html> <head> <script type="text/javascript"> function box(query){ return document.getElementById(query) } </script> </h

我有我在我的网页下面张贴的代码。如您所见，它使用body onload函数来启动脚本。有没有办法让这个脚本在没有这个的情况下工作，而是用JavaScript

<!doctype html>
<html>
<head>

<script type="text/javascript">
function box(query){
return document.getElementById(query)
}
</script>

</head>
<body onload="box('query').focus();">

<input id="query" type="text">

</body>
</html>


功能框（查询）{
返回文档.getElementById（查询）
}

提前感谢,，

Callum

这可能是您想要的：

我建议使用jQuery或其他JavaScript框架，除非您正在探索JS或对使用库和框架有严格限制。

如果您正在谈论通过在html中写入任何JavaScript来捕获onload事件，您可以使用以下函数：

// Add event
var addEvent = function (obj, evType, fn){
        if (obj.addEventListener){
                obj.addEventListener(evType, fn, false);
                return true;
        }else if (obj.attachEvent){
                var r = obj.attachEvent("on"+evType, fn);
                return r;
        } else {
                return false;
        }
};

现在，您可以在onload事件中运行所需的所有函数

addEvent(window,'load',function () {
   box('query').focus();
   // or
   document.getElementById('query').focus();
});

使用javascript提供以下答案：
试验
函数加载（）{
警报（“已加载函数”）；
}
window.onload=加载；
因为onLoad函数是由JavaScript提供的，所以您已经解决了您的问题。您实际想要实现什么？您已经在使用JavaScript了。如果不是在onload事件中，您将如何进行onload操作？你的问题在当前的形式下没有任何意义。我只是不明白你想这么做，但是如果你不喜欢onload函数，你可以使用jquery的document.ready函数，但是再次强调，首先避免onload是没有意义的
the following code helpful for you
this is jquery:

$(document).ready(function(){
              function name();
});

or

$(window).load(function(){
function name();
});

the following answers using javascript:
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function load() {
        alert('function loaded');
    }
    window.onload = load;
    </script>
</head>
<body>
</body>
</html


----------

<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function load() {
        alert('function loaded');
    }
     </script>
</head>
<body onload="load();">

</body>
</html