html标签在js代码中的应用

html标签在js代码中的应用

http://img1.sycdn.imooc.com/climg//5927b3cf0001fda924021102.jpg


答案的代码在+col+两个加号的外边为什么还有一对单引号?

这个答案敲进去根本不显示红色数字啊 只有把那对单引号删掉才显示红色数字

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
喵喵清吟 2017-05-27 09:14:37

我试了你说的,

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

这句的确可以正确输出,因为HTML可以用松散的格式,参见 http://blog.163.com/longsu2010@yeah/blog/static/1736123482010112374639751/,而Javascript也可以语句后不加分号。

但是不建议你这样做,还是严格要求自己,HTML属性加引号,Javascript语句后加分号,否则,没准哪一天,某个不知名的bug就会找上你,所以平时就应该养成良好的编程习惯,防患于未然。

喵喵清吟 2017-05-26 15:05:29
var col="red";
for(var i=0;i<10;i++){
// <font color=""></font>
// document.write("<font color=''></font>");
// document.write("<font color=''>"+i+"</font>");
document.write("<font color='"+col+"'>"+i+"</font>");
}

给你逐步讲解下,

首先这句html原本是

<font color=""></font>

因为""不能包含"",所以

document.write("<font color=''></font>");

因为变量必须在引号外面,字符串则必须在""或''内,而i是变量,因此在前面基础上,

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

同理,col是变量,因此

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

综上,答案是

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


  • 提问者 慕粉2224218301 #1
    感谢~明白了为什么会有那么多引号~ 我是直接从左向右这么考虑的 ("<font color=") +col+ ( ">") +i+ ("</font>")所以就没有那对单引号 这个也能正确显示出红色的字的
    2017-05-26 23:15:14
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师