发表新帖

发表新帖

Alternative to <body onload=“init ();”>

前端未结

关注

 5  1262

I\'m trying to fix an old script written for me. I need it to run without . I\'d like to run the function from inside the script wit

相关标签:

5条回答

遇见更好的自我

2021-02-04 05:28
best option is to just put the call to init() at the bottom of the page:
```
<html>

<head>
...
</head>

<body>
.... page content here ...
<script type="text/javascript">init();</script>
</body>
</html>
```
By placing it at the bottom like that, you'll be sure that it runs as pretty much the very last thing on the page. However, note that it's not as reliable as using the onload option in the body tag, or jquery's $('document').ready() or mootool's window.addEvent('domready', ...).
0 讨论(0)
发布评论:

提交评论
- 加载中...

2021-02-04 05:31

<script type="text/javascript">
    function init() {
        // Put your code here
    }
    window.onload = init;
</script>

Or, if you are using jQuery:

$(function() {
    // Your code here
});

0 讨论(0)

一生所求

2021-02-04 05:35
Here's a slight variation on Tejs' response. I often find it more readable and manageable to separate the init() function from the code registering the event handler:
```
function init(e) {

    //statements...

}

document.addEventListener('DOMContentLoaded', init, false);
```
Also, in place of an explicit init() function, I've sometimes used a self-executing anonymous function placed at the very, very bottom of the page, just before the </body> tag:
```
(function() {

    //statements...

})();
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

2021-02-04 05:41

<script type="text/javascript">
    function init() {
        // Put your code here
    }
    window.onload = init;
</script>

it is not work should be use this

<script type="text/javascript">
    function init() {
        // Put your code here
    }
    window.onload = init();
</script>

0 讨论(0)

孤独总比滥情好

2021-02-04 05:45
In a pure JavaScript implementation, you'd want to wait for the page to be ready to invoke your events. The simplest solution is like so:
```
<script type="text/javascript" language="javascript">
      window.onload = function()
      {
          init();
      };
</script>
```
But that's not much better than your original implementation via placing that on the tag itself. What you can do is wait for a specific event though:
```
 document.addEventListener("DOMContentLoaded", function()
 {
     init();
 }, false);
```
This should be fired a little earlier in the cycle and should do nicely.

Additionally, if you are using jQuery, you can simply add a function to be executed when that event is fired using the simple syntax:
```
 $(document).ready(function() // or $(function()
 {
     init();
 });
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

热议问题