Javascript 占位符符号,用于单独的HTML文件,用于创建网页的小部分并用数据值替换占位符

Javascript 占位符符号,用于单独的HTML文件,用于创建网页的小部分并用数据值替换占位符,javascript,html,string,dom,Javascript,Html,String,Dom,目前,我正在使用“rusername”、“rpassword”或“rdate”等文本,然后使用适当的字符串替换函数进行替换,例如 htmlstring=htmlstring.replace(/rusername/g,object.username); 当项目规模增大时,它是一个令人困惑的符号。对于rreply rratio等世界,当我使用:username html编辑器时,会给出我不想看到的错误,因为编辑器认为我将直接使用html而不是替换它。要替换的文本应该使用哪种符号?对于html设计者

目前,我正在使用“rusername”、“rpassword”或“rdate”等文本,然后使用适当的字符串替换函数进行替换,例如

htmlstring=htmlstring.replace(/rusername/g,object.username);
当项目规模增大时,它是一个令人困惑的符号。对于rreply rratio等世界,当我使用:username html编辑器时,会给出我不想看到的错误,因为编辑器认为我将直接使用html而不是替换它。要替换的文本应该使用哪种符号?对于html设计者来说,它应该是合法的,{username}是不好的,有一个通用的格式吗?你有什么建议


可能有很多有效的方法,所以请毫不犹豫地以任何方式回答。

我建议不要使用字符串替换,而是使用带ID的跨度。速度也会快得多

<div>
    Hello, <span id="username"><span>!
</div>

当我在一个页面上添加多个项目时,Sang-Id的重合,我需要为每个跨度提供唯一的SPAN Id,如SnIDID+DATAROWID,这会造成新的问题:你的页面真的那么复杂,你可能想考虑使用服务器渲染的页面,而不是通过JavaScript加载数据的静态HTML页面。
document.getElementById("username").innerHTML = object.username;