第四次学习的收获

本周主要学习了HTML表格中常见的标签元素以及JS的一些基本知识

1.页面常见元素HTML表格
A. table标签用来定义HTML表格，可以用作展示数据border可设置
B. tr标签定义HTML表格中的⼀行单元格
C.th标签表示HTML表格的表头部分，该标签中的内容会以粗体显示
D.td标签表示table标签中的单元格
E. thead标签定义了一组HTML表格的头
F. tfoot标签定义了一组HTML表格的尾(表格的页脚)
2．获取标签元素并进行操作
 document.getElementById(‘ID名’)返回这个id名的元素
 document.getElementsByTagName(‘标签名’)返回所有这个标签名的元素的集合
 document.getElementsByClassName(‘class名’)返回所有这个class的元素的集合
 document.querySelector(“css任意选择器器”)返回第一个
 document.querySelectorAll(“css任意选择器器”)返回符合的所有
 document.documentElement获取HTML元素
 document.body获取body元素
3.JS输出及调试方式
A. 弹窗型输出
 alert(‘输出内容’)
B. 浏览器调试窗口输出
 console.log(‘输出内容’)
C. innerHTML和innerText
 给获取到的元素一些内容
 document.getElementById(‘id名’).innerHTML=‘内容’
D. document.write(‘输出内容’)
 输出内容会清空原有的html再生成一个新的html
 注意，我们的document.write()重写文档是发生在文档加载完成后事件触发里面
4.JS的数据类型
A.基础数据类型
 字符串string
 数字(整型浮点型)number
 布尔boolean
 null空对象
 undefined未定义
B.复杂数据类型
 数组 Array
 对象 Object
C.检测数据类型的两种基本方法
 typeof
 Object.prototype.toString.call(‘数据’)//鉴别复杂数据类
型、引用数据类型
5. 数据类型之间的转换
A.显式转换(强制类型转换)
 Number()
 parseInt()
 parseFloat()
 String()
 toString()
 Boolean()
B.隐式转换
 操作符或者语句进行运算时
 If while比较里面也会进行隐式转换
6.创建复杂数据类型数组和对象
A.数组创建
a)直接创建
var arr=[] //创建空数组
var arr1=[1,2] //创建有内容的数组
b)利用构造函数创建
var arr1 = new Array();//创建空数组
var arr2 = new Array(10)；//创建⼀一个⻓长度为10的数组
var arr3 = new Array(5,4,3,2,1)；//创建数组并初始化
B.对象创建
a)直接创建
var obj={} //创建空对象