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 Tabs插件宿主IFRAMES
Jan 01 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
jquery $.getJSON()跨域请求
Dec 21 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
实现非常简单的js双向数据绑定
Nov 06 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
学习使用jQuery表单验证插件和日历插件
Feb 13 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
vue组件生命周期详解
Nov 07 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
Jul 25 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 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 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
nginx下安装php7+php5
2016/07/31 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHP代码加密的方法总结
2020/03/13 PHP
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
基于python爬虫数据处理(详解)
2017/06/10 Python
numpy中的高维数组转置实例
2018/04/17 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python实现flappy bird小游戏
2018/12/24 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
详解Django模版中加载静态文件配置方法
2019/07/21 Python
python实现宿舍管理系统
2019/11/22 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
交通专业个人自荐信格式
2013/09/23 职场文书
大学生水文观测实习自我鉴定
2013/09/29 职场文书
教职工代表大会主持词
2014/04/01 职场文书
乡镇干部先进性教育活动个人整改措施
2014/09/16 职场文书
2014年销售部工作总结
2014/12/01 职场文书
陕西导游词
2015/02/04 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python
python前后端自定义分页器
2022/04/13 Python
python读取mat文件生成h5文件的实现
2022/07/15 Python