用JS实现用字符串替换占位符

最新推荐文章于 2024-02-08 08:45:00 发布

SongYanJun2011

最新推荐文章于 2024-02-08 08:45:00 发布

阅读量2.3w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT 文章标签： xhtml function html

本文链接：https://blog.youkuaiyun.com/SongYanJun2011/article/details/7183617

JAVASCRIPT 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现字符串中占位符替换的方法。通过扩展String.prototype，该方法可以方便地将指定的字符串插入到包含占位符的模板字符串中。文中提供了具体的代码示例，展示了如何进行占位符的替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

共享笔记代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用JS实现用 字符串 替换 占位符</title>
</head>

<body>

<script type="text/javascript">
String.prototype.format=function()
{
  if(arguments.length==0) return this;
  for(var s=this, i=0; i<arguments.length; i++)
    s=s.replace(new RegExp("\\{"+i+"\\}","g"), arguments[i]);
  return s;
};
//占位符可以为多个
alert("http://{0}/{1}".format("www.songyanjun.net", "index.html"));
//与上同理
alert("请输入{0},输完后再按存盘按钮".format("姓名"));

</script>

</body>
</html>

Over！！！