pasteHTML

最新推荐文章于 2024-09-04 03:58:30 发布

p905099049

最新推荐文章于 2024-09-04 03:58:30 发布

阅读量562

点赞数

文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/p905099049/article/details/84041399

版权

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="替换" οnclick="Replace_text()" />
</body>
</html>

浏览器兼容及W3C标准：

经测试pasteHTML 至少兼容以下浏览器:IE
W3C标准：否