填充textarea的值然后写值到iframe的

Question

我有textarea的& iframe中与src='about:blank'，textarea的将与从URL参数“预览”，例如[之前获得小有一点HTML [1级或2的标签，以预览]被filld解码URL]

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

然后 [以相同的顺序]写textarea的价值使用

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

网页时使用JavaScript满载到iframe中..如何按同样的顺序做这件事？我可以使用什么window.onload或$(document).ready或$(window).ready？

Answer 1

下面是文档就绪和window onload之间的一些解释，然后您可以看到哪一个更适合您的情况。

$（文件）。就绪

当我们执行我们的代码时，DOM是除了图像准备这段代码被写入。 即如果我们的网页有图像，那么它将不会等待加载图像和调用，并且在一个页面中我们可以应用多个document.ready，并且它将作为即将到来的序列逐一调用。我们以多种方式调用document.ready，如下所示他们有相同的功能，它是jQuery特定的事件。

$（窗口）.load

如果我们谈论$（窗口）.load则是工作在所有DOM已准备就绪，包括图像，所以当文档加载我们要解决它是非常有用的与图像（图像尺寸的计算），它也是jQuery的具体event.If我们的网页有图像，然后它会等待加载图像，然后调用

的window.onload

onload事件是DOM中的标准事件，以上两个是针对jQuery的。这也是类似于$（window）.load的功能，但是window.onload是内置的JavaScript事件。onload事件发生在一个对象被加载后。如果我们以image标签为例，调用onload事件那么它会在图像加载时调用。通常我们在body标签中使用它。

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