Заполните значение textarea из parmeter url, затем напишите значение iframe

Question

У меня есть textarea & iframe с src='about:blank', текстовое поле будет заполнено небольшим HTML [1 или 2 тегами для предварительного просмотра], которые получены из параметра «предварительный просмотр», например [до декодирование URL]

http://example.com/?preview=<h1>this-is-heading-line</h1><p>and-this-is-paragraph</p> 

Тогда [в том же порядке] записать значение TEXTAREA, чтобы IFrame используя

var textarea_value = document.getElementById('mytextarea').value 
document.getElementById('preview').contentDocument.write(textarea_value); 

когда страница полностью загружена с помощью JavaScript .. как сделать это в том же порядке? что я могу использовать window.onload или $(document).ready или $(window).ready?

Answer 1

Ниже приведено пояснение между готовым документом и загрузкой окна. Затем вы можете увидеть, какой из них более подходит в вашем случае.

$ (документ) .ready

Этот код написан, когда мы выполняем наш код, когда DOM готов, кроме изображений. ie Если наша веб-страница имеет изображения, то она не будет ждать загрузки изображений и вызова и на одной странице мы можем применить много document.ready, и она вызывает один за другим в качестве следующей последовательности. Мы вызываем document.ready во многих отношениях, как показано ниже и они имеют одинаковые функциональные возможности, и это специфическое событие jQuery.

$ (окно) .load

И если мы говорим о $ (окно) .load то работа, когда все DOM готова, включая изображения, так что полезно при нагрузке документа мы хотим работать с изображениями (расчет размеров изображения), и это также JQuery конкретных event.If нашей веб-странице есть изображения, то он будет ждать загрузки изображений, а затем его называют

window.onload

OnLoad событие является стандартным событием в DOM, wh ile выше двух специфичны для jQuery. Это также те же функции, что и $ (window) .load, но window.onload - это встроенное событие JavaScript. Событие onload происходит, когда объект был загружен. Как если бы мы взяли пример изображения и вызвали событие onload в теге изображения то он вызывается при загрузке изображения. Обычно мы используем его в теге body.

ref: http://tech-blog.maddyzone.com/javascript/document-ready-vs-window-load-vs-window-onload