JavaScript中的'和`有什么区别?如何使用我的代码?

时间:2018-11-27 02:35:51

标签: javascript

我有此代码:

<!-- language: lang-js -->var $section = $("<div>");
    $section.html([
        //Enter all your HTML code you want below
        //S = String, U = User
        '<div>',
        '<h3>User Info</h3></br>',
        `${LUname}: <span id="SUName"></span></br>`,
        '`${LRank}`: <span id="SRank"></span></br>',
        '`${LStateId}`: <span id="SStateId"></span></br>',
        '`${LAm}`: <span id="SArea_Manager"></span></br>',
        '`${LUId}`: <span id="SUId"></span></br>',
        '`${LGlobalE}`: <span id="SGlobalE"></span></br>',
        '`${LChatBanned}`: <span id="SChatBanned"></span>',
        '`${LSegmentDel}`: <span id="SSegmentDel"></span>',
        '`${LStreetChanges}`: <span id="SStreetChanges"></span>',
        '</div>'

在存在另一个代码之前和之后,请不要担心。

但是问题是我想要的是所有html都在代码中的内容,我想使用JS的一个变量,但是我无法使其工作,它没有提取任何JS只是从字面上提取HTML。

2 个答案:

答案 0 :(得分:1)

查看模板文字:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

  

模板文字用反引号(``)(grave accent)括起来,而不是双引号或单引号。模板文字可以包含占位符。这些由美元符号和大括号(${expression})指示。占位符中的表达式及其之间的文本将传递给函数。默认功能只是将各个部分串联为一个字符串。如果在模板文字之前有一个表达式(在此处标记),则称为“标记模板”。在这种情况下,将使用已处理的模板文字来调用标签表达式(通常是一个函数),然后可以在输出之前对其进行操作。要在模板文字中避免反引号,请将反斜线\放在反引号之前。

答案 1 :(得分:-2)