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 相关文章推荐
监控 url fragment变化的js代码
Apr 19 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
阻止表单提交按钮多次提交的完美解决方法
May 16 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
JS实现li标签的删除
Apr 12 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
解决Layui数据表格的宽高问题
Sep 28 Javascript
原生js实现简单轮播图
Oct 26 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截取html字符串及自动补全html标签的方法
2015/01/15 PHP
curl和libcurl的区别简介
2015/07/01 PHP
Zend Framework前端控制器用法示例
2016/12/11 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
再论Javascript的类继承
2011/03/05 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python开发之文件操作用法实例
2015/11/13 Python
python实现TF-IDF算法解析
2018/01/02 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
请说出几个常用的异常类
2013/01/08 面试题
工程总经理工作职责
2013/12/09 职场文书
搞笑老公保证书
2015/02/26 职场文书
幼师求职自荐信
2015/03/26 职场文书
跑吧孩子观后感
2015/06/10 职场文书
远程教育培训心得体会
2016/01/09 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
关于使用Redisson订阅数问题
2022/01/18 Redis