时间戳

首页 > 解决方案 > 更改为模板文字

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>";

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

标签： ecmascript-6

解决方案

像这样 ：

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>
`;

看看这个以了解它是如何工作的： 模板文字

推荐阅读