JS实现pasteHTML兼容ie,firefox,chrome的方法


Posted in Javascript onJune 22, 2016

本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法。分享给大家供大家参考,具体如下:

<html>
<body>
<script language="JavaScript">
function test() {
 if (document.selection && document.selection.createRange) {
   var myRange = document.selection.createRange();
   var m = myRange.pasteHTML('<iframe width=100 height=100 src="http://localhost/t2.htm"></iframe>');
 }
 else if (window.getSelection) {
   var selection = window.getSelection();
   var range = window.getSelection().getRangeAt(0);
   range.deleteContents();
   var newP = document.createElement('iframe');
   newP.src="http://localhost/t2.htm";
   newP.width="100";
   newP.height="100";
   range.insertNode(newP);
 }
}
</script>
<p>Highlight a part of this text, then click button below</p>
<input id="myB" type="button" value="Click me" onclick="test();">
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js实现简单的可切换选项卡效果
Apr 10 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
Apr 01 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 Javascript
ReactRouter的实现方法
Jan 25 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 #Javascript
Javascript实现图片不间断滚动的代码
Jun 22 #Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 #Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 #Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 #Javascript
Json解析的方法小结
Jun 22 #Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 #Javascript
You might like
综合图片计数器
2006/10/09 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
一个很酷的拖动层的js类,兼容IE及Firefox
2009/06/23 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
JS判断Android、iOS或浏览器的多种方法(四种方法)
2017/06/29 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
Vue的轮播图组件实现方法
2018/03/03 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
react基本安装与测试示例
2020/04/27 Javascript
python的即时标记项目练习笔记
2014/09/18 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
python提取log文件内容并画出图表
2019/07/08 Python
python的常见矩阵运算(小结)
2019/08/07 Python
python学生信息管理系统实现代码
2019/12/17 Python
TensorFlow梯度求解tf.gradients实例
2020/02/04 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
文明寝室申报材料
2014/05/12 职场文书
给校长的一封检讨书
2014/09/20 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书