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

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

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

?

1

2

3

4

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

print(str)

#结果:

I'm jack, 19 years old.

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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<script>

$(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

}

}

</script>

用js如何给字符串中加换行符的具体 *** 作步骤如下:

1、首先,在文件夹下创建index.html文件,然后在html文件中添加基本的页面标签:

2、然后,在内部的循环中,每执行一次,就给字符串添加一个换行符,然后最后通过d窗的方式将字符串显示出来:

3、之后,编辑好index.html文件后,使用浏览皮此颂器打开index.html文件,可以看到,d出的窗口,将四个名字显示成了两行,说明换行成功:

4、通常使用js都是会将数据显示在html页面上,这时换行符就不能用"\n"了,此时应该使用"<br />"。修改index.html文件:

5、最后,修改完index.html文件后,再次使用浏览器打开index.html文件,这燃郑样就成功在页面上显示用js处理过的字符扒行串了:

非常简单,就用一毕链仔个"+"将两个字符串"相加":

var longString = "One piece " + "plus one more piece."

要将多个字符串累积为一个字唤薯符串,还可以使用"+=" *** 作符:

var result = ""

result += "My name is Anders"

result += " and my age is 25"

要手汪在字符串中添加换行符,需要使用转义字符"":

var confirmString = "You did not enter a response to the last " +

 "question.Submit form anyway?"

 

var confirmValue = confirm(confirmString)

但这种方法只能用在像警告、确认对话框之类的情况下,如果将这段文本作为HTML内容呈现,就无效了,此时            用"<br>"代替它:

var htmlString = "First line of string.<br>Second line of string."

 

document.write(htmlString)

String对象还提供了方法concat()(),它完成与"+"相同的功能:

string.concat(value1, value2, ...)

不过concat()方法显然不如"+"来得直观简洁。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11991914.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存