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



我有文本区域&如果名称为src='about:blank',则文本区域将填充从url参数"预览"(例如[解码url之前])获得的小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

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

$(文档).就绪

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

$(窗口).加载

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

窗口.加载

onload事件是DOM中的标准事件,而以上两个事件是jQuery特有的。这也是类似于$(window).load的功能,但window.onload是内置的JavaScript事件。onload事件发生在加载对象时。例如,如果我们以image为例,在image标记中调用onload事件,那么它将在加载image时调用。通常我们在body标记中使用它。

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

相关内容

最新更新