这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

HTML语义化的好处：

1. 有利于SEO，搜索引擎根据标签确定上下文和各个关键字的权重。
2. 利于用户阅读，样式文件未加载时页面结构清晰。
3. 利于屏幕阅读器解析，如盲人阅读器会根据语义渲染网页。
4. 利于开发和维护，代码更具可读性、更易于维护。

JavaScript

BOM

Browser Object Model 浏览器对象模型

• 操作浏览器的滚动条
• 操作浏览器的历史记录
• 操作浏览器的窗口尺寸
• 操作浏览器的地址栏

BOM的顶级对象是window，所有和BOM相关的操作都是 window,xxx,window可以省略

浏览器的窗口尺寸

window.innerwight
window.innerheight 
两者都带着滚动条

浏览器的弹出层

window.alert
window.confirm（）  选择框  确定 取消
window.prompt（） 输入框  确定  取消

浏览器的地址栏

在window下有一个成员叫做location，里面存储的都是和地址栏相关的内容

• href

  window. loction.href 得到当前页面地址栏完整信息 拿到的是URL格式

btn.onclick = function（）{
    window.location.href = 地址
}

• reload（）

  是一个方法，作用是刷新

  注意：不要写在一开页面就执行的地方

浏览器的历史记录

在window下有一个成员叫做history，里面存储的都是和历史记录相关的信息

• 历史回退

  window.history.back（）
  

• 历史前进

  window.history.forward()
  

• 历史跳转

  window.history.go（数字）
  0是刷新  1是前进一个页面，2是前进两个，-1后退一个