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 相关文章推荐
原生js编写设为首页兼容ie、火狐和谷歌
Jun 05 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
Javascript 闭包详解及实例代码
Nov 30 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
JavaScript数组和对象的复制
Mar 21 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
Mar 08 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
Vue+mui实现图片的本地缓存示例代码
May 24 Javascript
详解webpack2异步加载套路
Sep 14 Javascript
React手稿之 React-Saga的详解
Nov 12 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 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操作文件方法问答
2007/03/16 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
JS实现在网页中弹出一个输入框的方法
2015/03/03 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
在 Vue.js中优雅地使用全局事件的方法
2019/02/01 Javascript
利用es6 new.target来对模拟抽象类的方法
2019/05/10 Javascript
Python实现截屏的函数
2015/07/26 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
python实现泊松图像融合
2018/07/26 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
super关键字的用法
2012/04/10 面试题
一套带网友答案的.NET笔试题
2016/12/06 面试题
接口的多继承会带来哪些问题
2015/08/17 面试题
高级销售员求职信
2013/10/25 职场文书
应届生人事助理求职信
2013/11/09 职场文书
2016年度先进班组事迹材料
2016/03/01 职场文书
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server