js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)


Posted in Javascript onDecember 24, 2020

核心代码

<script>
String.prototype.html = function(encode) {
    var replace =["'", "'", """, '"', " ", " ", ">", ">", "<", "<", "¥", "¥", "&", "&"];    
    var replaceReverse = ["&", "&", "¥", "¥", "<", "<", ">", ">", " ", " ", '"', """, "'", "'"];
	  var target;
	  if (encode) {
	  	target = replaceReverse;
	  } else {
	  	target = replace;
	  }
    for (var i=0,str=this;i< target.length;i+= 2) {
       str=str.replace(new RegExp(target[i],'g'),target[i+1]);
    }
    return str;
  };

console.log("<div>三水点靠木</div>".html(true));
</script>

效果图

js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)

其中for循环大家可以看下用法

for (var i=0,str=this;i< target.length;i+= 2) {
str=str.replace(new RegExp(target[i],'g'),target[i+1]);
}

这个用法确实不错,有get了一个新技能。

Javascript 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 #Javascript
vant时间控件使用方法详解
Dec 24 #Javascript
基于Vant UI框架实现时间段选择器
Dec 24 #Javascript
原生jQuery实现只显示年份下拉框
Dec 24 #jQuery
js制作提示框插件
Dec 24 #Javascript
vue+openlayers绘制省市边界线
Dec 24 #Vue.js
在HTML中使用JavaScript的两种方法
Dec 24 #Javascript
You might like
深入了解PHP类Class的概念
2012/06/14 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
PHP汉字转换拼音的函数代码
2015/12/30 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
Python 递归函数详解及实例
2016/12/27 Python
TensorFlow如何实现反向传播
2018/02/06 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
详解如何减少python内存的消耗
2019/08/09 Python
Python批量启动多线程代码实例
2020/02/18 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
社区七一党员活动方案
2014/01/25 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis
如何在Python中妥善使用进度条详解
2022/04/05 Python