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 EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
Oct 10 Javascript
jQuery的one()方法用法实例
Jan 19 Javascript
JavaScript常用数组算法小结
Feb 13 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
CI映射(加载)数据到view层的方法
2016/03/28 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
JavaScript 动态改变图片大小
2009/06/11 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
不提示直接关闭网页窗口的JS示例代码
2013/12/17 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
Python中的默认参数实例分析
2018/01/29 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
经典优秀个人求职信分享
2013/12/12 职场文书
模具专业求职信
2014/06/26 职场文书
财务管理专业自荐书
2014/09/02 职场文书
2014年团支书工作总结
2014/11/14 职场文书
新入职员工工作总结
2015/10/15 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
JavaScript实现登录窗体
2021/06/22 Javascript