contentWindow属性是指指定的frame或者iframe所在的window对象

全栈程序员-用户IM • 2022年10月20日下午11:46 • 未分类

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

有时候，在开发的时候想通过jQuery获取iframe的HTML对象下的某个节点，在火狐中，可能存在兼容性问题而不能达到这个目的。这个时候，如果出现某些组件的方法在浏览器中存在兼容性问题,则解决方案通常是向下转换

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

必须指定contentWindow属性。

function EnableEdit()
{

     var editor;
     editor = document.getElementById(“HtmlEdit”).contentWindow;
  // 针对IE浏览器, make it editable
     editor.document.designMode = ‘On’;
     editor.document.contentEditable = true;
  // For compatible with FireFox, it should open and write something to make it work
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>