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 相关文章推荐
动态刷新 dorado树的js代码
Jun 12 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
javascript自然分类法算法实现代码
Oct 11 Javascript
jQuery控制iFrame(实例代码)
Nov 19 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
JavaScript canvas实现流星特效
May 20 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获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
php 中的closure用法详解
2017/06/12 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
javascript css float属性的特殊写法
2008/11/13 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
详解javascript高级定时器
2015/12/31 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
python中dict使用方法详解
2019/07/17 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
小班重阳节活动方案
2014/02/08 职场文书
行政管理毕业生自荐信
2014/02/24 职场文书
家长会演讲稿
2014/04/26 职场文书
技术入股合作协议书
2014/10/07 职场文书
公司总经理岗位职责
2015/04/01 职场文书
城南旧事观后感
2015/06/11 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang