前端易混淆的几个语言格式（整理中）

HTML 和 CSS

HTML

<a href="http://www.w3cschool.cn">这是一个链接</a>

HTML的属性值放到第一个尖括号里，一般格式为 key="value" 。属性值一般用双引号，可以用单引号。当属性值里有双引号时，整个属性应该用单引号如： name='John "ShotGun" Nelson' 。

• 属性名和属性值用等号连接；
• 属性值一般用双引号，可以用单引号。当属性值里有双引号时，整个属性应该用单引号
• 多个“属性/属性值”对用空格分隔
• 属性和属性值对大小写不敏感，推荐小写属性/属性值。

CSS

内联样式

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

写在head里的样式

<style>
p
{
	font-family:"Times New Roman";
	font-size:20px;
}
</style>

所有样式写到style标签里。

使用时将CSS属性全部写到style的属性值里。在CSS属性中，

• 属性名和属性值用冒号连接；
• 属性值不带引号；
• 多个“属性/属性值”对用分号分隔；
• CSS中选择器要区分大小写，但属性和属性值不区分大小写。

JavaScript和jQuery中的易混淆点

在JavaScript和jQuery中，对元素某事件的监听和对元素某属性的获取修改是使用的同样的语法格式。

JavaScript

• 句末使用分号
• 选择器，document.getElementById(“intro”)，选择条件引号引起来
• 事件监听，使用一个函数element.addEventListener(event, function, useCapture);貌似这样个函数比较强大。和jQuery类似的一种写法是document.getElementById(“myBtn”).οnclick=function(){displayDate()};这里将函数放在等号后边。
• 调用函数，未在外部定义的函数需在这里以定义的格式出现。

jQuery

• 句末使用分号
• 选择器，$("#btn1")，使用美元符号，选择条件引号引起来
• 事件监听，$(“p”).click();，括号里是函数名称，也可以将整个函数体写入，函数作为参数。在这里，括号中的参数可以是一个回调函数，JavaScript里好像不能实现。
• 函数作为参数，未在外部定义的函数需在这里以定义的格式出现。