jQuery改变了iFrame的内容 [英] jQuery changing contents of an iFrame
问题描述
我对使用jQuery完全不熟悉。为什么这不起作用?
I'm completely new to using jQuery. Why isn't this working?
<iframe width="800" scrolling="no" id="prev" src="">your browser needs to be updated.
</iframe>
<script src="jquery.js"></script>
<script>
//var c = 0;
$(document).ready(function() {
$('#prev').contents().html("<html><body><div> blah </div></body></html>");
})
</script>
此外,我打算使用此iFrame将html文件的更改预览呈现给用户。每次进行更改时,我要清空整个iFrame,或者如果我能弄清楚如何这样做,请使用jQuery更改特定行。这是最好的解决方法吗?
Also, I am planning on using this iFrame to present a preview of changes to an html file to a user. I am going to either empty the entire iFrame every time a change is made or, if I can figure out how to do so, change particular lines using jQuery. Is that the best way to go about this?
推荐答案
如果你想更新 iframe
使用html的内容然后你应该首先在 iframe
中找到 body
元素,然后附加所需内容标记。
If you want to update the iframe
content using html then you should first find the body
element inside the iframe
and then append the required markup.
$(document).ready(function() {
$('#prev').contents().find('body').html('<div> blah </div>');
});
工作演示 - http://jsfiddle.net/ShankarSangoli/a7r9L/
这篇关于jQuery改变了iFrame的内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!