как запустить функцию при загрузке страницы?

<p>я хочу запустить функцию при загрузке страницы, но не хочу использовать ее в теге <code><body></code>.</p><p>у меня есть скрипт, который запускается, если я инициализирую его в <code><body></code>, например так:</p><pre class="lang-js prettyprint-override"><code>function codeaddress() { // code } </code></pre><pre class="lang-html prettyprint-override"><code><body onload="codeaddress()"> </code></pre><p>но я хочу запустить его без <code><body onload="codeaddress()"></code>, и я много чего перепробовал, например, этот:</p><pre><code>window.onload = codeaddress; </code></pre><p>но это не работает.</p><p>так как мне запустить его, когда страница загружена?</p>

<p>альтернативное решение. я предпочитаю это для краткости и простоты кода.</p><pre><code>(function () { alert("i am here"); })(); </code></pre><p>это анонимная функция, имя которой не указано . здесь происходит следующее: функция определяется и выполняется вместе . добавьте это в начало или конец тела, в зависимости от того, нужно ли это выполняется перед загрузкой страницы или вскоре после загрузки всех элементов html.</p>

<p><code>window.onload = function() {</code> ... и т. д. не очень хороший ответ. </p><p>это, вероятно, сработает, но также нарушит любые другие функции, уже подключенные к этому событию. или, если другая функция подключится к этому событию после вашего, оно сломает ваше. итак, вы можете потратить много часов спустя, пытаясь выяснить, почему что-то, что работало, больше не работает.</p><p>более надежный ответ <a href="https://stackoverflow.com/a/807997/8840420">здесь:</a> </p><pre><code>if(window.attachevent) { window.attachevent('onload', yourfunctionname); } else { if(window.onload) { var curronload = window.onload; var newonload = function(evt) { curronload(evt); yourfunctionname(evt); }; window.onload = newonload; } else { window.onload = yourfunctionname; } } </code></pre><p>некоторый код, который я использовал, я забыл, где я нашел его, чтобы отдать должное автору.</p><pre><code>function my\_function() { // whatever code i want to run after page load } if (window.attachevent) {window.attachevent('onload', my\_function);} else if (window.addeventlistener) {window.addeventlistener('load', my\_function, false);} else {document.addeventlistener('load', my\_function, false);} </code></pre><p>надеюсь это поможет :)</p>

<p>window.onload будет работать так:</p><p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>function codeaddress() { document.getelementbyid("test").innerhtml=date(); } window.onload = codeaddress;</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><!doctype html> <html> <head> <title>learning java script</title> <script src="custom.js"></script> </head> <body> <p id="test"></p> <li>abcd</li> </body> </html></code></pre> </div> </div> </p>