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 相关文章推荐
jQuery UI Autocomplete 体验分享
Feb 14 Javascript
详谈javascript异步编程
Feb 21 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
JavaScript与java语言有什么不同
Sep 22 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
小程序实现人脸识别功能(百度ai)
Dec 23 Javascript
浅谈javascript错误处理
Aug 11 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 Javascript
详解ES6中class的实现原理
Oct 03 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
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
javascript的onchange事件与jQuery的change()方法比较
2009/09/28 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
2020/11/09 Javascript
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python3 flask实现文件上传功能
2020/03/20 Python
python中的tcp示例详解
2018/12/09 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
python实现按行分割文件
2019/07/22 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
Ranorex通过Python将报告发送到邮箱的方法
2020/01/12 Python
Python使用Matlab命令过程解析
2020/06/04 Python
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
建筑项目策划书
2014/01/13 职场文书
教师远程培训感言
2014/03/06 职场文书
演讲稿格式
2014/04/30 职场文书
校庆标语集锦
2014/06/25 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python