Firefox中对iframe对象进行编辑

最新推荐文章于 2024-04-12 09:55:47 发布

研发界的小程序猿

最新推荐文章于 2024-04-12 09:55:47 发布

阅读量608

点赞数

分类专栏： Javascrpt 文章标签： iframe firefox function 文档浏览器 ie

Javascrpt 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在不同浏览器中启用iframe的可编辑模式，包括IE和Firefox，并提供了具体的JavaScript代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则
必须指定contentWindow属性。

function EnableEdit()
{
       var editor;
       editor = document.getElementById("HtmlEdit").contentWindow;
    // 针对IE浏览器, 可编辑
       editor.document.designMode = 'On';
       editor.document.contentEditable = true;
    // 兼容 FireFox, 打开并写入
editor.document.open();
editor.document.writeln('<html><head>');
editor.document.writeln('<style>body {background: white;font-size:9pt;margin: 2px; padding: 0px;}</style>');
editor.document.writeln('</head><body></body></html>');
editor.document.close();

}

<html>
<body>
<script>
var ifr = document.createElement("iframe");
document.body.appendChild(ifr);
var ifrdoc = ifr.contentWindow.document;
var s = fixingHTB.innerHTML;    //进入可编辑模式前存好
ifrdoc.designMode = "on";      //文档进入可编辑模式
ifrdoc.open();                         //打开流
ifrdoc.write(s);
ifrdoc.close();                         //关闭流
ifrdoc.designMode ="off";      //文档进入非可编辑模式
</script>
</body>
</html>

--------------------------------or-----