表格中的空单元格
在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>
浏览器可能会这样显示:
解决方案:在空单元格中添加一个空格占位符,就可以将边框显示出来。
HTML表格标签
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。
关于列表
不管是有序无序的列表,都可以进行嵌套。
Undefined 与 Null 的区别
Undefined 与 null 的值相等,但类型不相等:
typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true
HTML 元素
<base> 标签为页面上的所有链接规定默认地址或默认目标(target):
<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>
访问对象属性的两种形式
objectName.propertyName
objectName[“propertyName”]
常见的 HTML 事件
onchange HTML 元素已被改变
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载
## 注意的地方
```c
注意:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML
注意:重复声明 JavaScript 变量
如果再次声明某个 JavaScript 变量,将不会丢它的值。
在这两条语句执行后,变量 carName 的值仍然是 "porsche":
var carName = "porsche";
var carName;
注意:如果把要给数值放入引号中,其余数值会被视作字符串并被级联。
var x = "8" + 3 + 5;
//结果为835
var x = 3 + 5 + "8";
//结果为88
注意:在 HTML 中,全局作用域是 window 对象。
通过 var 关键词定义的全局变量属于 window 对象:
var carName = "porsche";
// 此处的代码可使用 window.carName
通过 let 关键词定义的全局变量不属于 window 对象:
let carName = "porsche";
// 此处的代码不可使用 window.carName
注意:在相同的作用域,或在相同的块中,通过 let 重新声明一个 var 变量是不允许的
在相同的作用域,或在相同的块中,通过 var 重新声明一个 let 变量是不允许的
在同一作用域或块中,不允许将已有的 var 或 let 变量重新声明或重新赋值给 const
在同一作用域或块中,为已有的 const 变量重新声明声明或赋值是不允许的
在另外的作用域或块中重新声明 const 是允许的
注意:var 声明的变量会被提升到最顶端,let不会,const也不会
所以let和const的变量必须在使用前进行声明
注意:1:const声明的常量必须在声明的时候进行赋值
2:const声明的常量不能修改的原因:
·它没有定义常量值,而是定义了对值的常量引用。所以我们不能修改原始值,但是可以修改常量对象的属性。
·这里只是可以修改常量对象的值,但是不能给常量对象赋值。
可以这样:
// 您可以创建 const 对象:
const car = {type:"porsche", model:"911", color:"Black"};
// 您可以更改属性:
car.color = "White";
// 您可以添加属性:
car.owner = "Bill";
但是不能这样:
const car = {type:"porsche", model:"911", color:"Black"};
car = {type:"Volvo", model:"XC60", color:"White"}; // ERROR
注意:JavaScript 对象无法进行对比