html种定义字符串,如何使用JS在HTML中自定义字符串格式化

如何使用JS在HTML中自定义字符串格式化

Python中支持字符串格式化,其基本形式如下:

str = "I'm %s, %s years old." % ('jack', 19)

print(str)

#结果:

I'm jack, 19 years old.

在JavaScript中虽没有类似的方法,但我们可以利用字符串的replace方法自定义字符串的格式化方法:

$(function () {

/*自定义字符串格式化*/

String.prototype.Format = function (args) {

/*this代表要调用Format方法的字符串*/

/*replace的第一个参数为正则表达式,g表示处理匹配到的所有字符串,在js中使用//包起来*/

/*replace的第二个参数为匹配字符串的处理,k1匹配结果包含{},k2只保留{}内的内容*/

var temp = this.replace(/\{(\w+)\}/g, function (k1, k2) {

console.log(k1, k2);

/*replace将匹配到的k2用参数args替换后赋给新变量temp*/

return args[k2];

});

/*自定义方法Format将格式化后的字符串返回*/

return temp;

};

}

验证:

8458a5fa13364a4460e7cf6e3ddf148b.png

总结

以上所述是小编给大家介绍的使用JS在HTML中自定义字符串格式化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-07-18

功能代码 复制代码 代码如下: /**  * 字符串是否含有html标签的检测  * @param htmlStr  */ function checkHtml(htmlStr) {     var  reg = /]+>/g;     return reg.test(htmlStr); } demo script: 复制代码 代码如下: /**  * 字符串是否含有html标签的检测  * @param htmlStr  */ function checkHtml(htmlSt

原html字符串如下: var text="

" + " ima.png

'+ one.leasetime+'

6b5aa0751a6f1e6a9d0b665a02cc1f46.gif

第一种:逐个字符串相加 复制代码 代码如下: var arr = ['item 1', 'item 2', 'item 3', ...];list = '';for (var i = 0,l = arr.length; i < l; i++) {    list += '' + arr[i] + '';}list = '' + list + ''; 这种最常见的,但是效率最低!代码逻辑相对来说复杂. 第二种:逐个 push 进数组 复制代码 代码如下: var arr = ['item 1',

6b5aa0751a6f1e6a9d0b665a02cc1f46.gif

文章说明:本文介绍了根据Json串生成Html的一种方式(只是简单实现了文本框,密码框,下拉框).只是觉得好玩才这样做,如果觉得没有任何价值,请忽略.不足指出希望各位大牛指点.后续将根据各位的指点继续完善. 功能说明: 在左侧输入框中输入Json串,点击执行时根据输入的Json串在右侧展示区显示出相应的Html(使用Jquery1.4.4) HTML: 复制代码 代码如下:

复制代码 代码如下: //Html结构转字符串形式显示 支持
换行 function ToHtmlString(htmlStr) { return toTXT(htmlStr).replace(/\&lt\;br[\&ensp\;|\&emsp\;]*[\/]?\&gt\;|\r\n|\n/g, "
"); } //Html结构转字符串形式显示 function toTXT(str) { var RexStr = /

js 代码 复制代码 代码如下: function birthdayOnchange(obj) {        var year = $("").value; if (year == "year")            return;        else            year = parseInt(year, 10); var month = $("

本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: <?xml version="1.0" standalone="yes"?> 张秋丽女 18

814ee471e8084226ae930623e9ed8808.gif

本文实例讲述了java和javascript中过滤掉img形式的字符串不显示图片的方法.分享给大家供大家参考.具体实现方法如下: 1. javascript过滤掉和形式的字符串 复制代码 代码如下: tmlData"> {{htmlData}} 总结 以上所述是小编给

c960cd6b6d5414651f1854fcfd24e808.png

本文实例讲述了JS实现从顶部下拉显示的带动画QQ客服特效代码.分享给大家供大家参考,具体如下: 这是一款动画版QQ在线客服代码,从网页顶部下拉出来的QQ客服,下滑结束后有弹性缓冲效果.在世界地图的映衬下,似乎一下子上升了品位.动画效果是由jq实现的,QQ客服的一些信息自己修改下,换成你自己的QQ,上传到网页就可用啦.注:在火狐台chrome浏览器中测试效果会更好. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-top-show-down-

js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码:

js判断输入字符串长度(汉字算两个字符,字母数字算一个)

20140812171006796.jpg

html页面

  •  全部(

    2015912160311051.jpg?201581216340

    本文实例讲述了JS实现超精简响应鼠标显示二级菜单代码.分享给大家供大家参考.具体如下: 这是一款精简版的二级导航菜单,响应鼠标的动作,鼠标放上即显示出菜单,常见的一种菜单样式.喜欢的朋友拿去修改一下,再美化一番,就够用了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-mouse-show-menu-codes/ 具体代码如下:

    二级菜单,响应鼠标
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值