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实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
原生JS实现拖拽功能
Dec 16 Javascript
javascript中layim之查找好友查找群组
Feb 06 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 cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
深入php多态的实现详解
2013/06/09 PHP
php常用Stream函数集介绍
2013/06/24 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
Python中的魔法方法深入理解
2014/07/09 Python
python实现按行切分文本文件的方法
2016/04/18 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
python str字符串转uuid实例
2020/03/03 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
保安员岗位职责
2013/11/17 职场文书
javaScript Array api梳理
2021/03/31 Javascript
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript