javascript实现简单查找与替换的方法


Posted in Javascript onJuly 22, 2015

本文实例讲述了javascript实现简单查找与替换的方法。分享给大家供大家参考。具体实现方法如下:

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
var oldStr;
var newStr;
function searchText(str){
  // 创建TextRange对象,指定为整个body区域
  var myText = document.body.createTextRange();
  if(myText.findText(str)){
    myText.select();
    // 如果找到目标文本,则将其选中
  }else{
    alert("没有找到匹配的字符!");
  }
}
function getTheText(){
  oldStr = prompt("输入要查找的内容","");
  // 获取用户要查找的内容
  if(oldStr!=null){
  // 如果内容不为空,则执行查找
    searchText(oldStr);
  }
}
function replaceText(){
  if(oldStr==null){
    alert("请先进行查找要替换的内容!");
  }else{
    newStr = prompt("替换为","");
    if(newStr!=null){
    // 新文本内容不为空,则替换选中的文本
      var selectText = document.selection.createRange();
      // 选中的文本
      selectText.text = newStr;
      // 替换选中的文本为新文本
    }else{
      alert("请输入替换的内容!");
    }
  }
}
</script>
<body>
<input type="button" value="查找" onclick="getTheText()">
<input type="button" value="替换" onclick="replaceText()">
<pre id="pre">
石壕吏

暮投石壕村,有吏夜捉人。
老翁逾墙走,老妇出门看。
吏呼一何怒!妇啼一何苦!
听妇前致词:三男邺城戍(shù)。
一男附书至,二男新战死。
存者且偷生,死者长已矣!
室中更无人,惟有乳下孙。
有孙母未去,出入无完裙。
老妪力虽衰,请从吏夜归。
急应河阳役,犹得备晨炊。
夜久语声绝,如闻泣幽咽(yè)。
天明登前途,独与老翁别。
</pre>
</body>
</html>

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

Javascript 相关文章推荐
javascript编程起步(第三课)
Feb 27 Javascript
JavaScript国旗变换效果代码
Aug 13 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
深入理解vue $refs的基本用法
Jul 13 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
原生js实现购物车
Sep 23 Javascript
javascript数组随机排序实例分析
Jul 22 #Javascript
JavaScript对数组进行随机重排的方法
Jul 22 #Javascript
JavaScript检测上传文件大小的方法
Jul 22 #Javascript
JavaScript动态改变div属性的实现方法
Jul 22 #Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 #Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 #Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 #Javascript
You might like
分享一下贝贝成长进度的php代码
2012/09/14 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
基于jquery的无刷新分页技术
2011/06/11 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python中tell()方法的使用详解
2015/05/24 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
python对常见数据类型的遍历解析
2019/08/27 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
手把手教你从PyCharm安装到激活(最新激活码),亲测有效可激活至2089年
2020/11/25 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
销售自我评价
2013/10/22 职场文书
视光学毕业生自荐书范文
2014/02/13 职场文书
产品质量承诺范本
2014/03/31 职场文书
大学自主招生推荐信
2014/05/10 职场文书
无传销社区工作方案
2014/05/13 职场文书
群众路线表态发言材料
2014/10/17 职场文书
2014年宣传工作总结
2014/11/18 职场文书
先进个人事迹材料
2014/12/29 职场文书
党员证明信
2015/06/19 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
导游词之神仙居景区
2019/11/15 职场文书
Oracle笔记
2021/04/05 Oracle