从 url 参数填充 textarea 值，然后将值写入 iframe

Question

我有带有src='about:blank' 的 textarea 和 iframe，textarea 将填充从 url 参数“preview”获得的少量 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

这里是文档准备和窗口加载之间的一些说明，然后您可能会看到哪个更适合您的情况。

$(document).ready

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

$(window).load

如果我们谈论 $(window).load 那么当所有 DOM 都准备好包括图像时它就可以工作了，所以当我们想要处理图像（计算图像尺寸）的文档加载时它很有用，它也是 jQuery特定事件。如果我们的网页有图像，那么它将等待图像加载，然后调用

window.onload

onload 事件是 DOM 中的标准事件，而以上两个事件是 jQuery 特有的。这也是与 $(window).load 相同的功能，但 window.onload 是内置的 JavaScript 事件。onload 事件在对象已加载时发生。就像我们以图像为例并在图像标签中调用 onload 事件然后它会在图像加载时调用。一般我们在body标签中使用它。

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