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 相关文章推荐
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
Angular在模板驱动表单中自定义校验器的方法
Aug 09 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
详解小程序横屏方案对比
Jun 28 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
php数组合并的二种方法
2014/03/21 PHP
php获取域名的google收录示例
2014/03/24 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
PHP+Redis事务解决高并发下商品超卖问题(推荐)
2020/08/03 PHP
基于jquery的滑动样例代码
2010/11/20 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
window.onload使用指南
2015/09/13 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
python采集博客中上传的QQ截图文件
2014/07/18 Python
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
Python 专题四 文件基础知识
2017/03/20 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
python matplotlib画盒图、子图解决坐标轴标签重叠的问题
2020/01/19 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
Android面试宝典
2013/08/06 面试题
中科软笔试题和面试题
2014/10/07 面试题
银行简历自我评价
2014/02/11 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
品德与社会教学反思
2016/02/24 职场文书