javascript - 使用 Document.write() 和一个对象来创建在 HTML 中

Question

我正在尝试使用document.write()JavaScript 中的方法来使用对象编写带有<p>标签的句子，you. 我试图像下面的例子那样连接一个句子，但它把对象打印在不同的行上。

我需要它来形成一个正确的句子，所有内容都在同一行，并能够创建一个包含多个句子的段落。

试图

var you = {
  firstName: 'John',
  lastName: 'Doe',
  age: '32'
};

document.write("<p>Hello my name is "</p> + firstName + " " + lastName)

标签： javascript

Answer 1

您正在关闭<p>并且有无效的报价分组。您可以像这样使用模板文字：

var you = {
  firstName: 'John',
  lastName: 'Doe',
  age: '32'
};

document.write(`<p>Hello my name is ${you.firstName} ${you.lastName}</p>`);

ES5 语法：

var you = {
  firstName: 'John',
  lastName: 'Doe',
  age: '32'
};

document.write("<p>Hello my name is " + you.firstName + " " + you.lastName + "</p>");