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 相关文章推荐
js播放wav文件(源码)
Apr 22 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
JS常用字符串方法(推荐)
Jan 15 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
Vue EventBus自定义组件事件传递
Jun 25 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
js键盘事件实现人物的行走
Jan 17 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 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
第七节 类的静态成员 [7]
2006/10/09 PHP
php foreach循环中使用引用的问题
2013/11/06 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
2016/06/24 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
DOM Scripting中的图片切换[兼容Firefox]
2010/06/12 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
Vue.js 中的实用工具方法【推荐】
2019/07/04 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python greenlet实现原理和使用示例
2014/09/24 Python
对Python 内建函数和保留字详解
2018/10/15 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
树莓派实现移动拍照
2019/06/22 Python
用pyqt5 给按钮设置图标和css样式的方法
2019/06/24 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
2014年国培研修感言
2014/03/09 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
团队会宣传标语
2014/10/09 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python
索尼ICF-5900W收音机测评
2022/04/24 无线电