Я хочу запустить функцию при загрузке страницы, но не хочу использовать ее в <body>
теге.
У меня есть скрипт, который запускается, если я инициализирую его в <body>
, как это:
function codeAddress() {
// code
}
<body onLoad="codeAddress()">
Но я хочу запустить его без, <body onload="codeAddress()">
и я пробовал много вещей, например, это:
window.onload = codeAddress;
Но это не работает.
Так как мне запустить его, когда страница загружена?
javascript
html
onload
Клас Густавссон
источник
источник
window.onload = codeAddress
после того,codeAddress()
как определено? Если так, это должно работать. Вы уверены, что нет ошибки в другом месте?Ответы:
window.onload = codeAddress;
должно работать - вот демо и полный код:источник
Вместо того, чтобы использовать jQuery или window.onload, нативный JavaScript принял некоторые замечательные функции с момента выпуска jQuery. Все современные браузеры теперь имеют свои собственные функции, готовые к DOM, без использования библиотеки jQuery.
Я бы порекомендовал это, если вы используете нативный Javascript.
источник
false
?)window.onload
может быть установлен только один раз. Если вы хотите запустить две функции при загрузкеwindow.onload
, вторая перезапишет первую.Принимая ответ Дарина, но стиль JQuery. (Я знаю, что пользователь попросил JavaScript).
бегущая скрипка
источник
Альтернативное решение. Я предпочитаю это для краткости и простоты кода.
Это анонимная функция, имя которой не указано. Здесь происходит то, что функция определяется и выполняется вместе. Добавьте это в начало или конец тела, в зависимости от того, должно ли оно выполняться перед загрузкой страницы или вскоре после загрузки всех элементов HTML.
источник
window.onload = function() {
... и т. д. не очень хороший ответ.Это, вероятно, сработает, но также нарушит любые другие функции, уже подключенные к этому событию. Или, если другая функция подключится к этому событию после вашего, оно сломает ваше. Таким образом, вы можете потратить много часов спустя, пытаясь понять, почему что-то, что работало, больше не работает.
Более надежный ответ здесь:
Некоторый код, который я использовал, я забыл, где нашел его, чтобы отдать должное автору.
Надеюсь это поможет :)
источник
onload
использованииПопробуй readystatechange
где состояния:
DOMContentLoaded
window.onload
Показать фрагмент кода
источник
Взгляните на сценарий domReady, который позволяет настроить несколько функций для выполнения при загрузке DOM. Это в основном то, что Dom Ready делает во многих популярных JavaScript-библиотеках, но он легкий и может быть взят и добавлен в начале вашего внешнего файла сценария.
Пример использования
источник
window.onload будет работать так:
источник