HTML中需要注意的地方

表格中的空单元格

在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。

<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的变量必须在使用前进行声明
注意:1const声明的常量必须在声明的时候进行赋值
	  2const声明的常量不能修改的原因:
	   ·它没有定义常量值,而是定义了对值的常量引用。所以我们不能修改原始值,但是可以修改常量对象的属性。
	   ·这里只是可以修改常量对象的值,但是不能给常量对象赋值。
	   可以这样:
	   // 您可以创建 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 对象无法进行对比
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值