Question

我在下面的网页上发布了以下代码。如您所见，它使用 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>

提前致谢，卡勒姆

Answer 1

这可能是您正在寻找的：Attach a body onload event with JS

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

Answer 2

由于onLoad函数由JavaScript提供，因此您已经解决了问题。

Answer 3

the following code helpful for you
this is jquery:

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

or

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

Answer 4

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

Answer 5

如果你正在谈论通过在你的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中的Body onload函数

5 个答案: