`
白云城主
  • 浏览: 16848 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

pasteHTML

阅读更多
pasteHTML说明:

Web圈提供的解释:


pasteHTML方法与innerHTML 和outerHTML 的作用大不相同.请不要混淆使用.
pasteHTML可以用来替换网页中被选取的内容.必须配合selection 对像使用.也就是说当你在网页中用鼠标选取了一段内容.然后可以使用pasteHTML将其改变.pasteHTML方法功能我非常喜欢.遗憾的人是只支持IE浏览器.请看下面的实例.

*如果您觉得解释有误或不够到位,您可以点击按扭进行更正或补充
语法:
textRange.pasteHTML(oHTML);
参数

textRange:被选择内容的引用.
oHTML:新的html内容.用来替换被选择的.
pasteHTML实例
<html>
<head>
<title>Dom:pasteHTML实例演示</title>
</head>
<body>
<h2>请用鼠标划取下面的文字.不限字数.然后点击替换按扭,注意该实例只在IE浏览器内有效</h2>
<hr/>
欢迎光临web圈,本站的发展离不开您的支持,谢谢!
<script language="javascript">
function Replace_text(){
var oRange=document.selection.createRange();
if(oRange.text!=""){
document.selection.createRange().pasteHTML("<span style=color:red>站长康董再次欢迎您!</span>");
}
else{
alert("您没有选取内容,无法替换!");
}
}
</script>
<input type="button" value="替换" onclick="Replace_text()" />
</body>
</html>



浏览器兼容及W3C标准:

经测试pasteHTML 至少兼容以下浏览器:IE
W3C标准:否
分享到:
评论

相关推荐

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

    主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    JS中innerHTML和pasteHTML的区别实例分析

    本文实例讲述了JS中innerHTML和pasteHTML的区别。分享给大家供大家参考,具体如下: innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它 pasteHTML()是一个...

    ckeditor_notion_pastehtml

    ckeditor_notion_pastehtml

    xheditor-1.1.14

    editor.pasteHTML('&lt;p&gt;aaa&lt;/p&gt;') editor.pasteText('str') sHtml=editor.formatXHTML('&lt;b&gt;aaa&lt;/b&gt;') editor.toggleSource() editor.toggleFullscreen() alert&#40;editor.settings.upImgExt&#41;; editor.settings....

    quill.js-心目中的最佳富文本编辑器-html引入、改后可用于Vue-quill-editor

    quill.js-心目中的最佳... ... 可以将文本框内图片优先上传后服务器 因为编辑器默认是将图片转成base64存储的,而我们实际开发需要将图片存在自己的服务器中。 重构组件,实现及时上传 ...汉化后的工具组栏,更符合用户需求

    类似qq空间中的留言编辑器

    =null) R.pasteHTML("&lt;span class='ShowText'&gt;"+_Text+"&lt;/span&gt;"); break; case 7: E.document.execCommand('CreateLink',true,'true') break; case 8: if(_Text!='') { var _CText=RemoveHTML(_Text); ...

    xheditor v1.0.0 rc2 build 100401

    添加:pasteHTML和pasteText函数添加第2个参数:bStart,可以是以下值:留空(覆盖粘贴)、true(粘贴在光标选择区域之前)、false(粘贴在光标选择区域之后) 添加:切换到源代码,可视化编辑页面的光标对应源代码相应...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type ... 捕获释放 event.srcElement.setCapture();...event.srcElement.releaseCapture();... 根据鼠标获得元素: document....

    js正文内容高亮效果的实现方法

    代码如下://高亮显示搜索到的关键字function HeightLight(Keyword){ //文本选择器 var TextRange; //是否找到 var ... } while (Found && Count &gt; 0) { TextRange.pasteHTML(‘&lt;span style=”background

    firefox下javascript实现高亮关键词的方法

     IE下有findText及pasteHTML,但是fireFox下就没有!怎么办?查了好多资料,都没有能说出个所以然的,皇天不负有心人,终于让我给搞出来了! 注:我这里不是用正则替换,因为正则替换有它的不足之处! 不知道先前...

    xhEditor编辑器 v0.9.7 简体中文

    5.修正:appendHTML和pasteHTML两个函数添加的图片或者链接,相对地址变绝对地址问题的修正 6.修正:XHTML格式化功能进一步完善,例:&lt;b&gt;aaa,修正前&lt;bbb这部分内容会消失,修正后此BUG消失 7.修正:之前表情...

    javascript高亮效果的二种实现方法

    js高亮方法一: 代码如下:[removed] ... while(keyword.findText(nWord)){ keyword.pasteHTML(“” + keyword.text + “”); keyword.moveStart(‘character’,1); } } } function highword(nWord){ var array = nWo

Global site tag (gtag.js) - Google Analytics