JS 替换选中的文字

Web 开发 > JavaScript
收藏 回复
[问题点数：100分，无满意结帖，结帖人showbo]
更多帖子
私信 空间 博客
nutchcake
等级
本版专家分：0
结帖率 25%
先选中一段文字，然后，点击一个按钮后，就用a标签把该段文字包裹起来。。
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
版主
人生难得一只鸡
等级
本版专家分：17033
勋章
Blank
红花 2012年8月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2014年5月 Web 开发大版内专家分月排行榜第二
2014年4月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2014年3月 Web 开发大版内专家分月排行榜第三
2014年2月 Web 开发大版内专家分月排行榜第三
2013年7月 .NET技术大版内专家分月排行榜第三
2013年6月 .NET技术大版内专家分月排行榜第三
2012年9月 .NET技术大版内专家分月排行榜第三 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

window.onload=function(){

	var oBox=document.getElementById('box');

	var oBtn=document.getElementById('btn');

	oBtn.onclick=function(){

		var selectT=unescape(getSelectText()); 

		oBox.innerHTML=oBox.innerHTML.replace(selectT,'<a href="#">'+selectT+'</a>');

	}

}

function getSelectText(){

    var txt = null;

    if (window.getSelection){  // mozilla FF

        txt = window.getSelection();

       }

    else if (document.getSelection){

        txt = document.getSelection();

        }

    else if (document.selection){  //IE

        txt = document.selection.createRange().text;

        }

    return txt;

    }

</script>

</head>



<body>

<div class="box" id="box">

其实，现实生活中，“常回家看看”的缺位，“宅居”自己房间的常态，沟通话题的日渐狭窄，这些无一不是“哦”的变种。打破这样的僵局，做子女的必须主动向父母搭腔。

　　要知道，跟爸妈多说几句话，既是心的陪伴，也是爱的嵌入。相反，回复越“简洁”，给亲情注水就越多。儿大可以不由娘，父亲的支柱地位可以被取代，但他们的尊严和情感不能被忽视。他们，可是那即便老得忘了你名字，也会记得你爱吃饺子的人

</div>

<input type="button"  id="btn" value="替换选中文字"/>

</body>

</html>
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
不想离开水的鱼
等级
本版专家分：458
引用 1 楼 Return_false 的回复:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

window.onload=function(){

	var oBox=document.getElementById('box');

	var oBtn=document.getElementById('btn');

	oBtn.onclick=function(){

		var selectT=unescape(getSelectText()); 

		oBox.innerHTML=oBox.innerHTML.replace(selectT,'<a href="#">'+selectT+'</a>');

	}

}

function getSelectText(){

    var txt = null;

    if (window.getSelection){  // mozilla FF

        txt = window.getSelection();

       }

    else if (document.getSelection){

        txt = document.getSelection();

        }

    else if (document.selection){  //IE

        txt = document.selection.createRange().text;

        }

    return txt;

    }

</script>

</head>



<body>

<div class="box" id="box">

其实，现实生活中，“常回家看看”的缺位，“宅居”自己房间的常态，沟通话题的日渐狭窄，这些无一不是“哦”的变种。打破这样的僵局，做子女的必须主动向父母搭腔。

　　要知道，跟爸妈多说几句话，既是心的陪伴，也是爱的嵌入。相反，回复越“简洁”，给亲情注水就越多。儿大可以不由娘，父亲的支柱地位可以被取代，但他们的尊严和情感不能被忽视。他们，可是那即便老得忘了你名字，也会记得你爱吃饺子的人

</div>

<input type="button"  id="btn" value="替换选中文字"/>

</body>

</html>


你这个有问题，替换那个地方，应该是在选中的位置替换，不应该把选中文字作为替换项
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
版主
支付宝加好友偷能量挖，胡杨...
等级
本版专家分：395925
勋章
Blank
探花 2017年 总版技术专家分年内排行榜第三
Blank
进士 2018年总版新获得的技术专家分排名前十
2013年 总版技术专家分年内排行榜第五
Blank
金牌 2018年5月 总版技术专家分月排行榜第一
2018年4月 总版技术专家分月排行榜第一
2018年2月 总版技术专家分月排行榜第一
2017年8月 总版技术专家分月排行榜第一
Blank
银牌 2018年3月 总版技术专家分月排行榜第二
2017年11月 总版技术专家分月排行榜第二
2016年2月 总版技术专家分月排行榜第二
2014年2月 总版技术专家分月排行榜第二
2013年4月 总版技术专家分月排行榜第二 
<script>

    function surroundContent() {

        var r;

        if (document.selection) {

            r = document.selection.createRange();

            if (r.text != '') r.pasteHTML('<a href="#">' + r.text + '</a>')

        }

        else if (window.getSelection) {

            r = window.getSelection();

            if (r.rangeCount > 0) {

                r = r.getRangeAt(0);

                var a = document.createElement('a');

                a.href = '#';

                r.surroundContents(a)

                r.collapse(false);

            }

        }

    }

</script>

</head>



其实，现实生活中，“常回家看看”的缺位，“宅居”自己房间的常态，沟通话题的日渐狭窄，这些无一不是“哦”的变种。打破这样的僵局，做子女的必须主动向父母搭腔。

　　要知道，跟爸妈多说几句话，既是心的陪伴，也是爱的嵌入。相反，回复越“简洁”，给亲情注水就越多。儿大可以不由娘，父亲的支柱地位可以被取代，但他们的尊严和情感不能被忽视。他们，可是那即便老得忘了你名字，也会记得你爱吃饺子的人



<input type="button"  id="Button1" value="替换选中文字" onclick="surroundContent()"/>
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
才能换薪
等级
本版专家分：0
引用 4 楼 showbo 的回复:
<script>

    function surroundContent() {

        var r;

        if (document.selection) {

            r = document.selection.createRange();

            if (r.text != '') r.pasteHTML('<a href="#">' + r.text + '</a>')

        }

        else if (window.getSelection) {

            r = window.getSelection();

            if (r.rangeCount > 0) {

                r = r.getRangeAt(0);

                var a = document.createElement('a');

                a.href = '#';

                r.surroundContents(a)

                r.collapse(false);

            }

        }

    }

</script>

</head>



其实，现实生活中，“常回家看看”的缺位，“宅居”自己房间的常态，沟通话题的日渐狭窄，这些无一不是“哦”的变种。打破这样的僵局，做子女的必须主动向父母搭腔。

　　要知道，跟爸妈多说几句话，既是心的陪伴，也是爱的嵌入。相反，回复越“简洁”，给亲情注水就越多。儿大可以不由娘，父亲的支柱地位可以被取代，但他们的尊严和情感不能被忽视。他们，可是那即便老得忘了你名字，也会记得你爱吃饺子的人



<input type="button"  id="Button1" value="替换选中文字" onclick="surroundContent()"/>

厉害

只看TA 引用 举报 #5得分 0
收起
收藏 回复
nutchcake

等级：

关注 私信 TA的帖子
云计算就业前景怎么样 学完后能胜任什么岗位

云计算就业前景怎么样？学完后能胜任什么岗位？若问近年来最火的是什么，那必须是云计算!目前我国云计算产业保持了较好的发展态势，创新能力显著增强、服务能力大幅提升、应用范畴不断拓展，已成为提升信息化发展...

云计算就业薪资怎么样 如何加入云计算行列

云计算就业薪资怎么样？如何加入云计算行列？随着政策+产业+资本全方位共振，云计算产业需求进入加速增长期，目前国内的云计算人才缺口巨大，企业给出高薪也难招聘到合适的人才。很多人想要加入云计算行列，却又担心...

云计算现在好就业吗？薪资怎么样？

云计算借助IT互联网的东风现在正在如火如荼的不断扩大规模，占据市场份额越来越大，国内云计算厂商也磨刀霍霍，不断的加大投入进行更大的布局，由于云计算的火爆，许多童鞋都想跨入云计算行业，但会有很多疑问，学完...

学习云计算与大数据就业前景好吗?

现在学习就业怎么样? 如果你想进入云计算和大数据，那么先了解一下什么是云计算和大数据吧，只有详细的了解之后，才有可能更好的去掌握和学习它。 云计算：云计算是基于互联网的相关服务的增加、使用和交付模式...

云计算运维就业前景怎么样 需要掌握什么技术

云计算运维就业前景怎么样？需要掌握什么技术？随着云计算逐渐普及应用，企业对云计算运维工程师需求迫切。很多人想要把握这个风口，却又担心就业前景不好、薪资不高。接下来看看千锋小编的分析。 　就目前来说，...

大数据和云计算技术的就业前景

首先，当前整个IT行业对于大数据和云计算人才的需求量还是比较大的，近几年相关方向研究生的就业情况还是比较不错的， 一方面岗位级别比较高，另一方面薪资待遇也比较可观，而且薪资待遇正呈现出逐年上升的发展趋势...

郑州云计算就业薪资怎么样 怎样才能拿到高薪

很多人想要加入云计算行列，却又担心拿不到高薪资，郑州云计算就业薪资怎么样?怎样才能拿到高薪呢?今天千锋郑州老师就给大家分析一下。 郑州云计算薪资怎么样?云计算开发人员属于新型高端人才，其薪资也...

云计算就业前景怎么样 学后可以胜任哪些岗位

云计算就业前景怎么样？学后可以胜任哪些岗位？若问近年来最火的是什么，那必须是云计算！目前我国云计算产业保持了较好的发展态势，创新能力显著增强、服务能力大幅提升、应用范畴不断拓展，已成为提升信息化发展...

云计算到底有哪些魅力 云计算就业前景好不好

云计算就业前景好不好？近年来，云计算是一个非常火爆的概念，应用领域也在不断扩张。有人看好云计算的发展前景选择投身学习，也有一部分人好奇云计算到底是什么，为什么有那么大的魅力?2019年学习云计算就业前景好...

云计算行业一般薪资多少 有必要去专业学习吗

云计算行业一般薪资多少？参加专业学习有必要吗？依托科技的发展以及国家政策的大力支持，我国云计算市场得到了蓬勃发展。大大小小的云平台纷纷涌现，催生了大量的云计算人才需求，从业人员薪资更是水涨船高，一跃...

云计算行业一般薪资多少 参加专业学习有必要吗

云计算行业一般薪资多少？参加专业学习有必要吗？依托科技的发展以及国家政策的大力支持，我国云计算市场得到了蓬勃发展。大大小小的云平台纷纷涌现，催生了大量的云计算人才需求，从业人员薪资更是水涨船高，一跃...

2017年最新互联网行业薪资报告，云计算和大数据最高

云计算和大数据，几乎主宰了整个第二季度的互联网高端人才市场。

为什么说云计算是未来就业的必然趋势?

风云变幻的科技大环境对企业的数据技术水平提出了前所未有的高难度挑战，云计算技术对加快传统行业转型升级、降低企业数字化升级成本等具有极大的推动作用，是数字经济发展的重要支撑技术之一，备受欢迎。...

云计算大数据就业班，挑战年薪30万+

博学谷为上班族量身打造“云计算大数据在线实战班” 年近30，敲了多年代码，涨薪难，升职难，职业前景单一，未来愈发迷茫...... 我知道你很想追求改变，可你知道你的出路在那里吗？ 17.3%保持 17.3%保持原地踏步，...

云计算行业发展到底有多火？人才需求大吗？就业“钱”景好吗？

一、云计算的行业发展及人才需求云计算产业市场规模快速增长，人才需求数量激增。相关云计算企业加大对核心技术的投入，提高对客户的服务，无论从技术层面，运营商层面还是集成与服务...

2019年云计算运维就业刚需，云计算工程师月薪

随着运维受到越来越多的重视，运维体系也逐步丰富，出现了 DevOps 等理念，运维早已不再是当年傻大笨粗的睡机房了，待遇好了，收入涨了，但需求也提高了：Docker、Python、公有云私有云……种种新技术如雨后春笋，想...

究竟云计算就业前景好不好 零基础如何学云计算

究竟云计算就业前景好不好？零基础如何学云计算？随着互联网技术的进一步发展以及企业发展需要，云计算市场迎来进一步爆发。为了能够在云时代占据更多的主动权，各大企业都在抢夺专业云计算开发人才，这就使得云计算...

云计算就业前景怎么样 如何能快速学会高端技术

云计算就业前景怎么样?如何能快速学会高端技术?“男怕入错行，女怕嫁错郎”，在互联网更迭迅速的今天，如果你想要求职要考虑的第一个问题就是就业前景。近年来云计算成为人们耳熟能详的词汇，也有很多人跟潮流加入...

云计算就业方向有哪些 未来的发展前景怎么样

云计算就业方向有哪些？未来的发展前景怎么样？下面给大家详细解答一下。 云计算是一种按使用付费模式，可为可配置的计算资源池(包括网络、服务器、存储、应用程序、服务等资源)提供可用、方便、按需的网络...

2020年学云计算怎么样?小白该如何入手？

近年来，随着5G、云计算、大数据、物联网发展，越来越多的企业开始构建自己的互联网体系，Linux云计算在技术行业里的重要性越来越高，成为了IT从业者的必备技能之一。 因此Linux云计算工程师便成了很多人向往的...

云计算的就业前景怎样 如何快速掌握高端技能

近年来云计算成为人们耳熟能详的词汇，也有很多人跟潮流加入云计算行列，不过云计算的就业前景究竟怎么样呢？如何才能快速学习高端技术实现高薪梦呢？ 　云计算的就业前景怎么样?我们可以从市场前景、企业需求...

云计算竞争愈发激烈，2019年云计算运维前景怎么样？

云计算不只是一个工具、一项技术，也是一种数字经济时代的创新范式，可以对各个产业进行全新赋能从过去到未来也许不是线性的，可以通过云计算等新技术创造新的游戏规则，实现“换道超车”。 工作人员说“请打开电视...

究竟云计算就业前景好不 零基础如何学云计算

究竟云计算就业前景好不好？零基础如何学云计算？随着互联网技术的进一步发展以及企业发展需要，云计算市场迎来进一步爆发。为了能够在云时代占据更多的主动权，各大企业都在抢夺专业云计算开发人才，这就使得云计算...

云计算技术好不好学 如何快速系统的学云计算

云计算技术好不好学？如何快速系统的学云计算？近年来，云计算行业发展迅猛，应用领域逐步从互联网行业向各个不同的传统行业渗透和融合，促进了传统行业的转型升级。越来越多的企业开始招聘云计算人才以争抢市场份额...

求职者要考虑什么因素 云计算行业前景怎么样

求职者要考虑什么因素？...　云计算的就业前景怎么样?我们可以从市场前景、企业需求以及开发人员薪资进行分析。 　从市场角度来看，云计算降低了社会的IT能耗，提高了社会的IT设备使用率，有利于社会共享数...

2020数学建模A题

2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据

嵌入式工程师养成计划之——嵌入式软件工程师完全学习指南

本系列课程针对有意向学习嵌入式软件开发的童鞋，从零开始、深入浅出，内容涵盖：linux系统基础、shell、linux C编程、linux系统编程、网络编程、ARM体系结构及汇编语言、ARM裸机编程、linux系统移植、linux驱动开发等模块。分多个子课程逐步学习。 本课程是全套课程的第0部（前传），目的是讲解我们的整个视频学习体系路线图，同时也会对大家学习路线的一个指引。 本期课程共计4节课，主要回答了何为嵌入式、为何要学习嵌入式、什么人适合学嵌入式、究竟应该怎样去学嵌入式等问题。最后为大家详细介绍了我们的嵌入式软件工程师学习路线图，希望能够对大家的嵌入式学习之路有所指引。

智鼎(附答案).zip

并不是完整题库，但是有智鼎在线2019年9、10、11三个月的试题，有十七套以上题目，普通的网申行测题足以对付，可以在做题时自己总结一些规律，都不是很难

Visio_2016

visio_2016下载安装，亲测可用，不需要破解，而且无秘钥。简单方便实用

30分钟彻底学会C语言指针视频教程

此课程是黄强老师针对C、C++指针的专题课程，通过对指针本质的讲解，帮助学员对指针的理解，并讲结合真实企业开发中指针的使用技巧，从而帮助学员高效，、灵活的掌握指针相关难点！ a:0:{}

相关热词 c# dll str乱码 c# ucs-2 转码 c# 图形按钮 漂亮 c# lic文件 c# 十进制数字转换字母 c#某个变量更改刷新 c#往json里添加数据 c#怎么调用api接口 c# 调用mstsc c#扩展函数