我知道在 Handlebars 等框架中。可以编写类似于以下内容的 HTML:
<span id="logged-on-username">{{username}}</span>
在这个人为设计的示例中,在此页面上加载的 JS 文件将返回名为 username 的变量的值并将其插入到 View 模板中。
在 vanilla HTML + JS 中是否有类似的东西?
提前感谢抽空回答的人。
最佳答案
你的意思是这样的
const content = {
"username": "Fredy Kruger",
"status": "Scary",
}
window.addEventListener("load", function() {
[...document.querySelectorAll("span.dynamic")].forEach(span => {
const match = span.textContent.match(/{{(.*?)}}/)
if (match.length === 2) span.innerText = content[match[1]]
})
})
Name: <span class="dynamic" id="logged-on-username">{{username}}</span><br/>
Status: <span class="dynamic">{{status}}</span><br/>
关于javascript - Vanilla HTML + JS - 动态插值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62382939/