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

contentWindow属性是指指定的frame或者iframe所在的window对象contentWindow属性是指指定的frame或者iframe所在的window对象在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。function EnableEdit(){     var editor;     editor = documen


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();

}

<iframe  ID=”HtmlEdit” MARGINHEIGHT=”1″ MARGINWIDTH=”1″ width=”100%” height=”312″>
</iframe>

 

 

<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>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/179648.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 2020 年最新版 68 道Redis面试题,20000 字干货,赶紧收藏起来备用![通俗易懂]

    2020 年最新版 68 道Redis面试题,20000 字干货,赶紧收藏起来备用!

    2022年2月14日
  • Android物联网应用程序开发(智慧园区)—— 图片预览界面

    Android物联网应用程序开发(智慧园区)—— 图片预览界面效果图:实现步骤:1、首先在build.gradle文件中引入RecycleViewimplementation’com.android.support:recyclerview-v7:28.0.0’添加完成后,在右上角有一个同步SyncNow的提示,点击进行同步构建,接下来修改activity_main.xml的代码2、在activity_main.xml布局文件中加入RecyclerView<?xmlversion=”1.0″encoding=

    2022年6月22日
  • ActiveMQ官方文档-web示例

    ActiveMQ官方文档-web示例

    2021年9月7日
  • Android 基于TCP的 Socket 编程实现(结合 okio)

    Android 基于TCP的 Socket 编程实现(结合 okio)两个进程如果要进行通讯最基本的一个前提就是能够唯一的标识一个进程,在本地进程通讯中我们可以使用PID来唯一标识一个进程,但PID只在本地是唯一的,网络中两个进程PID冲突几率很大,这时我们就需要通过其他手段来唯一标识网络中的进程了,我们知道IP层的ip地址可以唯一标示主机,而TCP层协议和端口号结合就可以唯一标示主机的一个进程了。

    2022年6月7日
  • ideavim怎么用_idea常用快捷键图文

    ideavim怎么用_idea常用快捷键图文学了这么久的VIM,当然还是要用在开发上。下面来介绍一下ideavim这个插件。IdeaVim是用于基于IntelliJ平台的IDE的Vim仿真插件。IdeaVim支持许多Vim功能,包括普通/插入/可视模式,动作键,删除/更改,标记,寄存器,一些Ex命令,Vimregexp,通过〜/.ideavimrc配置,宏,窗口命令等。另外还可以自定义ideavim的快捷键,定制专属的快捷键。安装I…

    2022年10月7日
  • PyCharm安装配置谷歌浏览器驱动[通俗易懂]

    PyCharm安装配置谷歌浏览器驱动[通俗易懂]PyCharm配置安装Chorme驱动下载驱动查看Chorme的版本这是我的谷歌浏览器版本去网站下载对应的驱动软件下载后进入下载的目录,解压然后把这个文件放入Python的Scripts文件夹(首先你的Python环境变量已经配置过)驱动下载地址:http://chromedriver.storage.proxy.ustclug.org/index.html安装驱动进入设置,按照步骤点击安装selenium包然后会出现安装进程,添加完成之后开始测试驱动测试驱动创建一个Pyth

    2022年5月4日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号