js基础之-- 修改通过document.write写入的变量样式。如颜色、字体大小等。

 首先写出正常的

 修改前：

var name = prompt("请输入你的名字", "游客");
 if (name == "") {
     document.write("欢迎你，亲爱的游客");
  } else {
     document.write('欢迎你，亲爱的' + name);
  }

浏览器展示的效果： 

 具体使用的代码块：

`<font color="red" size="27";> ${name}</font>`

 

 

修改后的对比：

var name = prompt("请输入你的名字", "游客");
  if (name == "") {
      document.write("欢迎你，亲爱的游客");
  } else {
      document.write('欢迎你，亲爱的' + `<font color="red" size="27";> ${name}</font>`);
  }