jQuery 更改 iFrame 的内容

标签 jquery iframe

我对使用 jQuery 完全陌生。为什么这不起作用?

<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 更改特定行。这是解决这个问题的最佳方法吗?

最佳答案

如果您想使用 html 更新 iframe 内容,那么您应该首先在 iframe 中找到 body 元素,然后附加所需的内容标记。

$(document).ready(function() {
    $('#prev').contents().find('body').html('<div> blah </div>');
});

工作演示 - http://jsfiddle.net/ShankarSangoli/a7r9L/

关于jQuery 更改 iFrame 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9490907/

相关文章:

html - 文件 :///to http://communication via IFrame

javascript - 加号不会变回来

javascript - 以 Angular 迭代可折叠 Bootstrap 数据表

jquery - (jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框中?

jquery - Chrome 打印预览失败,带有 jQ​​uery 打印按钮

angularjs - 如何在 ionicApp 中播放托管在另一台服务器上的视频

html - 如何在不播放的情况下为 iframe 内容保留空间

javascript - 动态 jQuery 对话框从循环内传递 JSON 对象

jquery - 使跨域 iframe 与拖动事件交互

javascript - 从 chrome 扩展访问 iframe 内的 DOM 元素