Как имитировать кросс-браузерное поведение $(document).ready() без JQuery
Возможный дубликат:
$ (документ). уже эквивалентно без jQuery
У меня есть сценарий, который мне нужно написать, который должен быть выполнен в готовом DOM, но у меня не может быть зависимости от JQuery как части сценария.
Я хочу подражать $(document).ready()Как я могу реализовать это поведение в кратчайший путь?
3 ответа
Ты можешь использовать:
document.addEventListener("DOMContentLoaded", function(){
//do things
},false);
например. Обратите внимание, что это может быть проблемой в старых браузерах, хотя список поддерживаемых браузеров см. В MDN.
Вы могли бы сделать 2 вещи. В теге body добавьте событие onload:
<body onload="myJSFunction()"></body>
В противном случае вы можете добавить функции в нижней части разметки с помощью:
<script type="text/javascript"> function myFunction()</script>
window.onload = function() {
// write some javascript here
// this will be executed on page load
}