在html中插入Javascript字符串而不使用div的最简单方法?

在html中插入Javascript字符串而不使用div的最简单方法?,javascript,php,jquery,html,templates,Javascript,Php,Jquery,Html,Templates,使用模板引擎,我可以始终将变量放入文本中,非常简单,如下所示: Welcome {{ user.first_name }} Welcome <? echo user.first_name; ?> 我现在需要用一个Javascript字符串来实现这一点。我知道有js模板引擎,但我只需要做一次,所以我不想为此加载整个js模板库。我知道我可以使用jQuery在所需的位置创建一个div,然后使用插入字符串,但是对于这个简单的事情来说,这似乎也是一个麻烦 在php中,虽然很难看,但您可以执

使用模板引擎,我可以始终将变量放入文本中,非常简单,如下所示:

Welcome {{ user.first_name }}
Welcome <? echo user.first_name; ?>
我现在需要用一个Javascript字符串来实现这一点。我知道有js模板引擎,但我只需要做一次,所以我不想为此加载整个js模板库。我知道我可以使用jQuery在所需的位置创建一个div,然后使用插入字符串,但是对于这个简单的事情来说,这似乎也是一个麻烦

在php中,虽然很难看,但您可以执行以下操作:

Welcome {{ user.first_name }}
Welcome <? echo user.first_name; ?>
欢迎您
在Javascript中有没有类似的方法可以做到这一点?欢迎所有提示

因为它被标记为您可以使用的
:包含
伪选择器并替换它

var first_name = "kramer65", placeholder = "{{ user.first_name }}"
$("html :contains('" + placeholder + "')").text(function(_, txt){
   return txt.replace(placeholder, first_name);
});
只需使用
Welcome{{{user.first_name}}
在html中,由于它必须是任何一个容器的子容器,所以上面的代码可以工作


你是说像这样
欢迎用户。first_name
@Bhojendra-C-LinkNepal-这似乎不起作用:请看,javascript是一种客户端语言,所以您必须做一些事情才能获得一些东西。因此,在javascript中,必须以某种方式与文档交互才能获得所需的结果。例如,Angular内置了模板。还有一些轻型发动机可用。@Bhojendra-C-link是的。使用data-attributes有点过分了,虽然我觉得代码太多了,但我想这是唯一的选择。谢谢