Ecmascript 6 更改为模板文本

如何更改此代码：

var txt = "";
  txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
  txt += "<p>Browser Name: " + navigator.appName + "</p>";
  txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
  txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
  txt += "<p>Browser Language: " + navigator.language + "</p>";
  txt += "<p>Browser Online: " + navigator.onLine + "</p>";
  txt += "<p>Platform: " + navigator.platform + "</p>";
  txt += "<p>User-agent header: " + navigator.userAgent + "</p>";

var txt=”“；
txt+=“浏览器代码名：”+navigator.appCodeName+“
”；
txt+=“浏览器名称：”+navigator.appName+“
”；
txt+=“浏览器版本：”+navigator.appVersion+“
”；
txt+=“Cookies已启用：”+navigator.cookieEnabled+“
”；
txt+=“浏览器语言：“+navigator.Language+”
”；
txt+=“浏览器联机：“+navigator.Online+”
”；
txt+=“平台：“+navigator.Platform+”
”；
txt+=“用户代理标题：“+navigator.userAgent+”
”；

模板文本？ 我试过了，但我做错了什么。 顺便说一句，这里的编辑器不允许我添加更多代码，否则我可以向您展示我迄今为止所做的尝试。

如下：

var txt = `
  <p>Browser CodeName: ${navigator.appCodeName}</p>
  <p>Browser Name: ${navigator.appName}</p>
  <p>Browser Version: ${navigator.appVersion}</p>
  <p>Cookies Enabled: ${navigator.cookieEnabled}</p>
  <p>Browser Language: ${navigator.language}</p>
  <p>Browser Online: ${navigator.onLine}</p>
  <p>Platform: ${navigator.platform}</p>
  <p>User-agent header: ${navigator.userAgent}</p>
`;

var-txt=`
浏览器代码名：${navigator.appCodeName}

浏览器名称：${navigator.appName}

浏览器版本：${navigator.appVersion}

启用Cookies:${navigator.cookieEnabled}

浏览器语言：${navigator.Language}

联机浏览器：${navigator.Online}

平台：${navigator.Platform}

用户代理头：${navigator.userAgent}

`;

查看以下内容以了解其工作原理：

---

您是否使用反勾号“而不是双引号”/“单引号”？是的，我使用了。我还删除了所有+和“符号。谢谢，我也这么做了。但它似乎在IE11中不起作用。请尝试在IE11中打开这个URL：好的，看看我给你的链接底部页面的浏览器兼容性。你会发现IE11是不兼容的，你必须使用像babel这样的transpiler。是的，该死。IE11不支持模板文本。谢谢