单独 HTML 文件的占位符表示法,用于创建网页的一小部分并将占位符替换为数据值

Placeholder notation for separate HTML files for creating small portions of web pages and replacing placeholders with data values

本文关键字:占位符 小部分 替换 数据 创建 表示 文件 HTML 单独 用于 网页      更新时间:2023-09-26

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

htmlstring=htmlstring.replace(/rusername/g,object.username);

当项目规模增长时,这是一个令人困惑的符号。 对于像 rreply rratio 等世界,当我使用 :username html 编辑器时,会出现我不想看到的错误,因为编辑器认为我会直接使用 html 而不是替换它。 我应该使用哪种表示法来替换文本? 对于HTML设计师来说,它应该看起来是合法的, {用户名}不好,有通用格式吗?你有什么建议?

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

我建议根本不做字符串替换,而是使用带有 id 的跨度。它也会快得多。

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

然后你的脚本可以看起来像这样:

document.getElementById("username").innerHTML = object.username;