загрузите JavaScript после того, как HTML отдаст

Question

загрузите JavaScript после того, как HTML отдаст

Ниже работ сценария, превосходных, если признак p помещается выше и сценарий, помещенный ниже

Hello 

<script>
x=document.getElementById("dom_intro");
document.write("This is the text of dom intro" + x.innerHTML + "Howzzat ");
</script>

Если тот же самый код, где сценарий занимает первое место и HTML p признак, помещается ниже сценария, это не работает, я добираюсь, ошибка x пустой или неопределенный

<script>
x=document.getElementById("dom_intro");
document.write("This is the text of dom intro" + x.innerHTML + "Howzzat ");
</script>

Hello

Я попытался приклеить сценарий во внешнем файле JavaScript и поместил в главном разделе Я получаю ту же самую ошибку. Есть ли любой сценарий JavaScript или jQuery, чтобы загрузить файл JavaScript после того, как у HTML будет rendred

0

добавлено 28 Декабрь 2012 в 10:20 автор user1934140

Просмотры: 3

источник

nl ja de

4 ответы

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Инструменты успешного делегирования

Автор: Евгений Попов

Система управления ссылками ReDirector 3.0

Автор: Евгений Попов

автор Shreedhar · Answer 1 · 2012-12-28T10:24Z

необходимо получить доступ к элементу, как только dom готов. вы получаете эту ошибку потому что ваша попытка получить доступ к признаку p перед dom быть загруженным.

это может решить вашу проблему

window.onload = function(){ 
 //your JavaScript here
   x=document.getElementById("dom_intro");
   document.write("This is the text of dom intro" + x.innerHTML + "Howzzat ");

}

автор geekman · Answer 2 · 2012-12-28T10:22Z

jQuery:

$(document).ready(){function(){
//yourcode

});

И JavaScript

window.onload=function(){
//your code

}

Документ, готовый в jQuery, выполняет функцию, когда DOM готов, который означает, прежде чем некоторые изображения будут загружены.

Window.onload запущен, когда страница абсолютно готова, это - когда все изображения закончены, загрузив.

автор Boris Brdarić · Answer 3 · 2012-12-28T10:28Z

Браузеры отдают ваш код, поскольку они видят его (lineary). Здесь проблема состоит в том, что ваш сценарий пытается получить доступ к чему-то, что не делает существует все же, таким образом, это - обычная практика, чтобы ждать, пока все элементы DOM не готовы и затем выполняют сценарий.

Please look here: http://api.jquery.com/ready/

$(document).ready(function() {
 //Handler for .ready() called.
});

Который эквивалентен запросу:

$(function() {
//Handler for .ready() called.
});

автор César García Tapia · Answer 4 · 2012-12-28T10:44Z

The <script> content is executed where you place it, so in the second case, you are trying to use "dom_intro" before it is declared. But you're trying to load the JavaScript AFTER the html has rendered, so you don't want to write the script BEFORE the html content, right?

Обычный способ загрузить файлы JS незадолго до </body> close tag. That way you'll be sure that any html won't be downloaded before all your HTML is loaded.

And if you want to wait for the HTML to finish loading before executing any JS, you must do something like this:

Plain javascript:

window.onload = function() {
   //do_whatever_you_want
}

Jquery:

$(document).ready(function() {
   //do_whatever_you_want
}