JavaScript仿记事本的替换功能
来源:互联网 发布:android 聚合数据 编辑:程序博客网 时间:2024/05/21 09:12
最终效果
实现代码
<!DOCTYPE html><html><head><title></title><style type="text/css">* {font-family: "黑体";}h1 {font-size: 24px;text-align: center;}#center {width: 420px;margin: 0 auto;}.right {text-align: right;}textarea {width: 320px;height: 100px;outline: none;}input {width: 320px;outline: none;}#calc {display: block;width: 100px;height: 30px;margin: 10px auto;background-color: #5F6;border: none;}</style><script type="text/javascript">function calc() {var source = new String();var select = new String();var replace = new String();source = document.getElementById("source").value;select = document.getElementById("select").value;replace = document.getElementById("replace").value;var regS = new RegExp(select, "g");document.getElementById("result").value = source.replace(regS, replace);}</script></head><body><div id="center"><table><tr><td colspan="2"><h1>文本替换</h1></td></tr><tr><td class="right">文本:</td><td><textarea id="source"></textarea></td></tr><tr><td class="right">查找内容:</td><td><input type="text" id="select"></td></tr><tr><td class="right">替换为:</td><td><input type="text" id="replace"></td></tr><tr><td class="right">替换结果:</td><td><textarea id="result"></textarea></td></tr><tr><td colspan="2"><input type="button" id="calc" value="全部替换" onclick="calc()"></td></tr></table></div></body></html>
阅读全文
0 0
- JavaScript仿记事本的替换功能
- 简单的记事本(不含有查找和替换功能)
- 替换windows默认的记事本
- 仿记事本
- 自己做的java 记事本(查找,替换部分功能缺失) 多多交流
- vuex网上记事本的仿写
- 记事本的一个小功能
- 记事本(NotePad)的日志功能
- 功能较多的记事本
- 通过正则实现Java记事本中查找和替换功能
- JavaScript js 仿password功能
- javascript仿XP关机效果的弹出窗口功能
- JavaScript记事本
- C#仿记事本代码
- java 仿window记事本
- wxpython仿写记事本
- android 仿记事本登陆
- VB仿Windows的记事本notepad的程序源代码
- python3爬虫实战(一)爬取创业邦创投库
- Tomcat远程代码执行漏洞(CVE-2017-12615)
- redis
- 堆砖块
- 关于二分查找的相关问题
- JavaScript仿记事本的替换功能
- 校验登录用户名和密码
- 设计模式 C++实现
- 构造函数、析构函数是否要定义为虚函数?
- 转义字符的使用
- SSM整合,MySql数据库连接异常情况之JDBC属性文件的引用
- 嵌入式开发(ARM9)学习笔记(三)-红帽Linux定制与安装
- NAT模式下解决虚拟机ping不通主机,但主机可以ping通虚拟机
- redis学习