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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
关于Function中的bind()示例详解
Dec 02 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 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
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
解析func_num_args与func_get_args函数的使用
2013/06/24 PHP
Yii操作数据库的3种方法
2014/03/11 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
php伪静态之APACHE篇
2014/06/02 PHP
jQuery+Ajax+PHP“喜欢”评级功能实现代码
2015/10/08 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
Javascript代码混淆综合解决方案-Javascript在线混淆器
2006/12/18 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
简单的js表格操作
2016/09/24 Javascript
微信小程序 保留小数(toFixed)详细介绍
2016/11/16 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
python版本单链表实现代码
2018/09/28 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
新浪微博实习心得体会
2014/01/27 职场文书
教师年度考核个人总结
2015/02/12 职场文书
校长师德表现自我评价
2015/03/05 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
HTML+CSS 实现顶部导航栏菜单制作
2021/06/03 HTML / CSS
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python