1、页面

 

2、源码

  1. <!DOCTYPE>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>清除字符串的空格和双引号</title>
  6. <style type="text/css">
  7. textarea{
  8. padding:10px;
  9. font-size:18px;
  10. width:100%;
  11. resize:none;
  12. }
  13. .main{
  14. padding:40px 10px;
  15. clear:both;
  16. overflow:hidden;
  17. }
  18.  
  19. .main .left{
  20. float:left;
  21. width:40%;
  22. }
  23. .main .center{
  24.  
  25. float:left;
  26. width:20%;
  27.  
  28. text-align:center;
  29.  
  30. }
  31. .main .right{
  32. float:right;
  33. width:40%;
  34. }
  35. .footer{
  36. text-align:center;
  37. color:red;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="main">
  43. <div class="left">
  44. <textarea rows="10" id="ta1"></textarea>
  45. </div>
  46.  
  47. <!--【中部开始】-->
  48. <div class="center">
  49. <br>
  50. <label for="ck1">(1) 清&nbsp;&nbsp;&nbsp;除&nbsp;&nbsp;&nbsp;&nbsp;空&nbsp;&nbsp;&nbsp;格</label><input type="checkbox" id="ck1" checked="checked"><br><br>
  51. <label for="ck2">(2) 清&nbsp;&nbsp;&nbsp;除&nbsp;&nbsp;&nbsp;&nbsp;换&nbsp;&nbsp;&nbsp;行</label><input type="checkbox" id="ck2" checked="checked"><br><br>
  52. <label for="ck3">(3) 双引号转单引号</label><input type="checkbox" id="ck3" checked="checked"><br>
  53. <br>
  54. <button onclick="Run()">转换</button>
  55. </div>
  56. <!--【中部结束】-->
  57.  
  58. <div class="right">
  59. <textarea rows="10" id="ta2"></textarea>
  60. </div>
  61. </div>
  62. <div class="footer">提示:如果包含有HTML标签,建议不要选择清除空格!</div>
  63.  
  64. <script type="text/javascript">
  65. function Run(){
  66. var ta1 = document.getElementById("ta1");
  67. var ta2 = document.getElementById("ta2");
  68. var ck1 = document.getElementById("ck1");
  69. var ck2 = document.getElementById("ck2");
  70. var ck3 = document.getElementById("ck3");
  71. var rst = ta1.value;
  72.  
  73. if(ck1.checked){
  74. //alert(1);
  75. rst = Trim(rst);
  76. }
  77.  
  78. if(ck2.checked){
  79. rst = ClearBr(rst);
  80. }
  81.  
  82. if(ck3.checked){
  83. rst = Change(rst);
  84. }
  85. //rst += "+++";
  86. ta2.value = rst;
  87. ta2.select();
  88. document.execCommand("Copy"); // 执行浏览器复制命令
  89. alert("执行完成,可以直接粘贴");
  90.  
  91. }
  92.  
  93. //去除空格
  94. function Trim(str){
  95. return str.replace(/\s+/g,"");
  96. }
  97.  
  98. //去除换行 
  99. function ClearBr(str) { 
  100. //str = str.replace(/<\/?.+?>/g,""); 
  101. str = str.replace(/[\r\n]/g, ""); 
  102. return str; 
  103. } 
  104. function Change(str){
  105. return str.replace(/\"/g, "'");
  106. }
  107. </script>
  108. </body>
  109. </html>

JavaScript清除空格、换行,把双引号转换成单引号的更多相关文章

  1. [译]JavaScript:将字符串两边的双引号转换成单引号

    原文:http://ariya.ofilabs.com/2012/02/from-double-quotes-to-single-quotes.html 代码的不一致性总是让人发狂,如果每位开发者都能 ...

  2. Javascript里,想把一个整数转换成字符串,字符串长度为2

    Javascript里,想把一个整数转换成字符串,字符串长度为2.  想把一个整数转换成字符串,字符串长度为2,怎么弄?比如 1 => "01"11 => " ...

  3. 坑爹的PostgreSQL的美元符号(有时需要替换成单引号)

    今天想在PostgeSQL数据库里建一个存储过程(或函数也行),由于对存储过程比较生疏,上网搜了很多教程和源代码例子,照着写,发现怎么都不行,甚至把网上教程包括官方教程的源代码原封不动的复制下来一执行 ...

  4. 为什么 JSON 接口的数据都要加双引号!!!不能用单引号

    原因是:Javascript 在很多时候会把 JSON 对象里面没有双引号包围的值,当做数值处理.比如: {"a":987654321} 这个 JSON 里头的变量 a,会被当做一 ...

  5. 【Oracle】存储过程在字符串单引号'内拼接单引号'

    http://blog.csdn.net/u011704894/article/details/44976557 一般变量里面接3个单引号 eg: 'DELETE FROM RDM_SUPP_DATA ...

  6. PHP压缩html网页代码原理(清除空格,换行符,制表符,注释标记)

    本博启用了一个叫wp super cache的页面压缩工具, 源代码没有去查看,不过原理很简单. 我们可以自己动手书写一个压缩脚本. 清除换行符,清除制表符,去掉注释标记 .它所起到的作用不可小视. ...

  7. JSON 的标准:双引号而非单引号!

    刚刚测试发现一段很简单的.看似正确的代码却是错误的: <?php $json_str = "{'name':'Eric', 'age':23}"; var_dump(json ...

  8. 在bash脚本的for i in编写中将点号``写成单引号‘’或者双引号“”会有什么后果?

    编写一个测试脚本: 输入启动命令:https://blog.csdn.net/zhoucheng05_13/article/details/test.sh,结果报错 使用的是root用户,但是仍然提示 ...

  9. (转载) js 单引号替换成双引号,双引号替换成单引号 操作

    引言:刚开始用js遇到不少问题,表示看不懂,为什么替换单引号需要/g,现在知道/g是正则中的匹配全部 原文:http://blog.csdn.net/joyhen/article/details/43 ...

随机推荐

  1. Servlet高级应用

    会话只是指一段指定的时间间隔. 会话跟踪是维护用户状态(数据)的一种方式.它也被称为servlet中的会话管理. Http协议是一个无状态的,所以我们需要使用会话跟踪技术来维护用户状态. 每次用户请求 ...

  2. java 第一章

    1.java四要素  public static void main 2.java 的历史 and soso 3.知道java的格式和要求 4.知道如何配置环境变量 5.java的编写:  a.大括号 ...

  3. php之布尔类型判断

    字符串只要不为空且不为0都为true 执行结果为 执行结果为false 因为===不仅比较值,还比较类型,所以输出为false.如果使用===号比较,最好先将变量强转为bool类型,不然可能得不到想要 ...

  4. HDU 多校 第三场 Fansblog

    代码千万条,规范第一条 训练赛的时候打表找规律,发现答案是1/(st-pre-1)!,奈何用错了模板,一直TLE到比赛结束,一直以为是卡什么输入输出或者是两个素数相差太大导致复杂度过高,读入优化啥的都 ...

  5. 从深处去掌握数据校验@Valid的作用(级联校验)

    每篇一句 NBA里有两大笑话:一是科比没天赋,二是詹姆斯没技术 相关阅读 [小家Java]深入了解数据校验:Java Bean Validation 2.0(JSR303.JSR349.JSR380) ...

  6. SpringBoot配置web访问H2

    [**前情提要**]最近开始搭建博客,在本地调试的时候使用的数据库是h2,但是调试的时候需要查看数据库,本文也由此而来. --- 下面是我用到的方法: 1. 使用IDEA的Database连接工具,具 ...

  7. java并发编程(十六)----(线程池)java线程池的使用

    上节我们简单介绍了线程池,这次我们就来使用一下.Executors提供四种线程池,分别是:newCachedThreadPool,newFixedThreadPool ,newScheduledThr ...

  8. mongoDB的CRUD的总结

    今天开始接触非关系型数据库的mongoDB,现在将自己做的笔记发出来,供大家参考,也便于自己以后忘记了可以查看. 首先,mongoDB,是一种数据库,但是又区别与mysql,sqlserver.orc ...

  9. Java程序员备战“金九银十”必备的面试技巧(附携程Java岗面试题)

    一.面试前的准备 1.1 如何准备一场面试1.1.1 如何获取大厂面试机会1.1.2 面试必知 ①. 准备介绍自己 ②. 关于着装 ③ .随身带上自己的成绩单和简历 ④. 如果笔试就提前刷一些笔试题 ...

  10. 对于微信UnionID在公众平台以及小程序里面的获取

    首先介绍下UnionID的作用,在注册了微信开放平台(注意,这里是开放平台,不是微信公众平台)之后,同一个微信号在这个开放平台下的项目上面的UnionID都是统一的,通俗的说就是,小程序跟公众号项目在 ...