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编程开发中的五个实用小技巧
Jul 22 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
JavaScript中的substr()方法使用详解
Jun 06 Javascript
详解javascript中的事件处理
Nov 06 Javascript
浅谈js中对象的使用
Aug 11 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
JS实现点星星消除小游戏
Mar 24 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
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
请离开include_once和require_once
2013/07/18 PHP
php文件上传的简单实例
2013/10/19 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
动态加载dtree.js树treeview(示例代码)
2013/12/17 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
python爬取安居客二手房网站数据(实例讲解)
2017/10/19 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
Python Mysql自动备份脚本
2008/07/14 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
python抽取指定url页面的title方法
2018/05/11 Python
python判断无向图环是否存在的示例
2019/11/22 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
如何清空python的变量
2020/07/05 Python
python中加背景音乐如何操作
2020/07/19 Python
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
HTML5学习笔记之History API
2015/02/26 HTML / CSS
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
外贸公司实习自我鉴定
2013/09/24 职场文书
办理居住证介绍信
2014/01/15 职场文书
推广普通话标语
2014/06/27 职场文书
2014年行政助理工作总结
2014/11/19 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
python识别围棋定位棋盘位置
2021/07/26 Python
SpringBoot整合Redis入门之缓存数据的方法
2021/11/17 Redis
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技