Question

我有textarea＆amp;使用src='about:blank'的iframe，textarea将填充从url参数“preview”获得的HTML [1或2个标记进行预览]，例如[在解码网址之前]

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

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

<强> $（文件）。就绪

当我们在DOM准备就绪时执行代码时会编写此代码，但图像除外。即如果我们的网页有图像，那么它将不会等待加载图像和调用，并且在一个页面中我们可以应用许多文档。已经并且它逐个调用即将到来的序列。我们通过多种方式调用文档。它们具有相同的功能，它是jQuery特定的事件。

<强> $（窗口）.load

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

<强>的window.onload

onload事件是DOM中的标准事件，而上面两个特定于jQuery。这也是类似于$（window）.load的功能，但是window.onload是内置的JavaScript事件。当加载一个对象时会发生onload事件。如果我们在image标签中采用image并调用onload事件然后它将在图像加载时调用。通常我们在body标签中使用它。

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

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

1 个答案: