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 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
浅谈Javascript事件对象
Feb 05 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
用vue设计一个日历表
Dec 03 Vue.js
为什么node.js不适合大型项目
Apr 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
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
jQuery 1.0.2
2006/10/11 Javascript
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
python中sleep函数用法实例分析
2015/04/29 Python
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
python中pip的使用和修改下载源的方法
2019/07/08 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
师范生教师实习自我鉴定
2013/09/27 职场文书
学校食品安全实施方案
2014/06/14 职场文书
公司授权委托书范文
2014/09/21 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
小学教师教学反思
2016/02/24 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL