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 的方法重载效果
Aug 07 Javascript
Javascript 面向对象 重载
May 13 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
JavaScript中的Promise使用详解
Jun 24 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
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 命名空间实例说明
2011/01/27 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
Python中字典映射类型的学习教程
2015/08/20 Python
python安装教程
2018/02/28 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
Python实现自动签到脚本功能
2020/08/20 Python
python实现磁盘日志清理的示例
2020/11/05 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
PHP如何与mysql建立链接
2013/05/05 面试题
银行类自荐信
2014/02/04 职场文书
大学毕业感言50字
2014/02/07 职场文书
大班幼儿评语大全
2014/04/30 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
教师节校长致辞
2015/07/31 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
Python办公自动化PPT批量转换操作
2021/09/15 Python