HTML标签在JS代码中的应用

应用场景如下：

将页面循环输出的数字字体颜色设置为红色，红色字符串用变量接收

部分脚本如下

var col="red"; 
for(var i=0;i<10;i++){ 
    document.write( "?"); 
}

有两种情况
1. “red”没有引号

<font color=red>i</font>

在脚本中设置

 document.write("<font color="+col+">"+i+"</font>");

2. “red”有引号

<font color="red">i</font>

为了将“red”的引号与字符串的引号区分开，将“red”的双引号变成单引号‘red’。因此html标签变成

<font color='red'>i</font>

转换成字符串：

第一段：" <font color=‘" 字符串

第二段：red替换为变量 col

第三段："'>"字符串

第四段：i 变量

第五段："</font>" 字符串

五段由+进行连接，所以在脚本中正确设置颜色为红色的方法如下。

document.write("<font color='"+col+"'>"+i+"</font>")