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


Posted in Javascript onJune 22, 2016

本文实例讲述了JS中innerHTML和pasteHTML的区别。分享给大家供大家参考,具体如下:

innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它

pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上

例:

<Script Language="JavaScript">
function addLink(){
 var oRange = document.selection.createRange();
 if(oRange.text!=''){
   var oUrl = window.prompt('链接网址...','http://www.163.com/');
   var oHtml = '<a href='+oUrl+' target=_blank>'+oRange.text+'</a>';
   oRange.pasteHTML(oHtml);
 }else{
   window.alert('您没有选择加链接的文字!');
 }
}
</Script>
网易  新浪  搜狐<br><br>
<input type="button" value="添加链接" onclick="addLink();">

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

Javascript 相关文章推荐
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
js事件处理程序跨浏览器解决方案
Mar 27 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
webpack是如何实现模块化加载的方法
Nov 06 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 #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
You might like
PHP将XML转数组过程详解
2013/11/13 PHP
php发送与接收流文件的方法
2015/02/11 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
JavaScript 不支持 indexof 该如何解决
2016/03/30 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
python变量不能以数字打头详解
2016/07/06 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
Python 远程开关机的方法
2020/11/18 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
生产车间班组长岗位职责
2014/01/06 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
校园安全教育广播稿
2014/02/17 职场文书
国培计划培训感言
2014/03/11 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
Python - 10行代码集2000张美女图
2021/05/23 Python
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
python基础入门之字典和集合
2021/06/13 Python
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL