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 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
JavaScript简单下拉菜单实例代码
Sep 07 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
JS简单判断滚动条的滚动方向实现方法
Apr 28 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
JavaScript定义函数的三种实现方法
Sep 23 Javascript
vue-cli —— 如何局部修改Element样式
Oct 22 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 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水印
2007/03/16 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
Node.js学习入门
2017/01/03 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
Django中使用Celery的教程详解
2018/08/24 Python
python如何读取bin文件并下发串口
2019/07/05 Python
python内存动态分配过程详解
2019/07/15 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
Python join()函数原理及使用方法
2020/11/14 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
售前工程师职业生涯规划
2014/03/02 职场文书
意向协议书范本
2014/04/23 职场文书
安全技术说明书
2014/05/09 职场文书
民政局标准版离婚协议书
2014/12/01 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL