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 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
JsonServer安装及启动过程图解
Feb 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
相对路径转化成绝对路径
2007/04/10 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
javascript 流畅动画实现原理
2009/09/08 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
Bootstarp基本模版学习教程
2017/02/01 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
Python正则表达式匹配中文用法示例
2017/01/17 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python3 kmp 字符串匹配的方法
2018/07/07 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
劳动工资科岗位职责范本
2014/03/02 职场文书
股东合作协议书
2014/04/14 职场文书
公司总经理任命书
2014/06/05 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
运动员代表致辞
2015/07/29 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
OpenCV3.3+Python3.6实现图片高斯模糊
2021/05/18 Python
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL
JS实现九宫格拼图游戏
2022/06/28 Javascript