郭青青_2021.01.14-郭青青
Thursday,January,14th
知识点总结
定位(css)
position的四个值：
static,relative,absolute,fixd.
- 绝对定位：absolute与fixed统称为绝对定位
- 相对定位：relative
- 默认值：static
relative与absolute的区别
- relative:相对于原来位置移动，元素设置此属性之后任然处在文档流中，不影响其他元素的布局
- absolute:元素会脱离文档流，如果设置偏移量，会影响其他元素的位置定位
absolute定位原理：
- 在父元素没有设置相对定位或绝对定位的情况下，元素相对于根元素定位（即html元素）（是父元素没有）
- 父元素设置了相对定位或绝对定位，元素会相对于离自己最近的设置了相对或绝对定位的父元素进行定位（或者说离自己最近的不是static的父元素进行定位，因为元素默认是static）
总结
telative:定位是相对于自身位置定位**（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设置为relative定位，在没有设置宽度的情况下，宽度是整个浏览器的宽度
absolute:定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的，如果没有父元素设置绝对或相对定位，则元素相对于根元素即html元素定位**。设置了absolute的元素脱了了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。脱离后原来的位置相当于是空的，下面的元素会来占据位置。
JavaScript
JavaScript（轻量级编程语言）是一种脚本语言，可用于HTML和web，更可广泛用于服务器，PC，笔记本电脑，和智能手机等设备
HTML DOM
DOM 是 W3C（万维网联盟）的标准。
DOM 定义了访问 HTML 和 XML 文档的标准：
"W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"
- DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。
- HTML DOM 定义了访问和操作 HTML 文档的标准方法。
- DOM 以树结构表达 HTML 文档。
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
HTML DOM中的一些方法
HTML DOM访问
- 通过使用 getElementById() 方法
- 通过使用 getElementsByTagName() 方法
- 通过使用 getElementsByClassName() 方法
Window 对象
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
location
-
Location 对象包含有关当前 URL 的信息。
-
Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。
location对象属性
| 属性 | 描述 |
|---|---|
| hash | 返回一个URL的锚部分 |
| host | 返回一个URL的主机名和端口 |
| hostname | 返回URL的主机名 |
| href | 返回完整的URL |
| pathname | 返回的URL路径名。 |
| port | 返回一个URL服务器使用的端口号 |
| protocol | 返回一个URL协议 |
| search | 返回一个URL的查询部分 |
location对象方法：
| 方法 | 说明 |
|---|---|
| assign() | 载入一个新的文档 |
| reload() | 重新载入当前文档 |
| replace() | 用新的文档替换当前文档 |
history
- History 对象包含用户（在浏览器窗口中）访问过的 URL。
- History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
history对象属性
| 属性 | 说明 |
|---|---|
| length | 返回历史列表中的网址数 |
history对象方法
| back() | 加载 history 列表中的前一个 URL |
|---|---|
| forward() | 加载 history 列表中的下一个 URL |
| go() | 加载 history 列表中的某个具体页面 |
心得体会
老师总结了关于HTML与CSS的一些知识点，对于我们来说，是对之前已接触过这门课程的复习与巩固，其中有些知识点是我们之前也没有学到的，现在边学习知识点，边对学习过或正在学习的知识点进行实践，心里感觉还是很踏实的。
对于JavaScript的知识点还是比较陌生，希望在学习和实践的过程中慢慢学习，理解，消化。
做自己情绪的主人，是一项需要修炼的技能。有句话说：你可以表达愤怒，但不要愤怒地表达。生活的高手，从来不会让情绪控制自己，而做出后悔的举动。
在生活的旅途中，最清晰的脚印往往都在最泥泞的路上。别畏惧暂时的困顿，即使无人鼓掌，也要为梦想全情投入，在逆境中不妥协。真正改变命运，不是等来的机遇，而是我们坚持不懈的态度。
晚安！明天见！！
近期评论