html两周复习

首先 建议使用谷歌浏览器 或者火狐浏览器进行启动。
我们要学习的前端里 html css js html从相当于一个房子的基础 也就是网页的基本结构设计 大致的框架之类的
css相当于给这个房子里装修 就是给html里头加一些样式什么的 让html也就是这个网页看起来更加的迷人
js 就相当于给这个网页添加各种各样的功能 实现各种点击事件啊 什么的 鼠标移入移除之类的操作
一个页面的创建 就跟房子一样要从基础开始 先写HTML 在写CSS 再写JS 这样子写才能比较完美
font-family是字体类型
盒子模型是html里面比较重要的一点东西 就是一层套一层
由内容 内边距 边界 外边距四个部分组成
想调整你这个就是外盒里面的盒子的位置的时候就可以用margin来调整位置
调整里面 内容的位置的话用的就是padding
调整边框时记得加上PX这个像素单位 安顺时针的顺序来实现的 上右下左
如果只是要调整其中一个方向的话可以用margin-right 之类的来进行调整 比较方便也比较不容易出现问题
接着就是浮动问题了 浮动就是在html里面它是按从上往下的顺序排列的如果想要他们在一排出现就能用浮动来解决这个问题如果用的是盒子模型的话 盒子的像素测量的好的话可以直接用这个来排 在一排里面拍不下去的话 就会自动倒下一行
position 定位 有绝对定位 还有相对定位 还有固定定位
绝对定位 是以整个页面或者是定位的盒子之类来进行定位的 绝对定位是不占位置的 绝对定位参照的可以是父类 也可以说是比自己大的的盒子
相对定位 是相对自己原来的位置进行移动 占据原来的位置 这个是比较不好的一点
overflow也是比较好用的一个函数 把溢出的都给隐藏了
js中向文档输出document.write 想控制台输出console.log
python数据类型: Number,Boolean, String, None, List, tuple, Dict, Set
JavaScript数据类型: Number, Boolean, String, Null,undefined, Array数组, 对象Object
JS里面多了一个未定义的类 就是可以什么都不定义 等之后要定义的时候在进行定义
三目运算符
语法：
关系表达式？表达式1【变量1或者常量1】：表达式2【变量1或者常量1】;
原理：
如果关系运算符成立，则返回表达式1的值，否则返回表达式2的值
问号后面就是写 是不是 是的话就是第一个 不是的话就是第二个
- JS中的函数
方式一: 使用function关键字
function 函数名(参数列表){
函数体
返回值(可有可无)
}

方式二: 匿名函数
var 变量名 = function(参数列表){
函数体
返回值
}
这两种方法效果是差不多的 不过一般都使用第二个会比较好一点 匿名函数不用在进行调用就可直接使用了
通过id获取页面对应元素(document.getElementById)
document.getElementById(‘num1’); 元素内的HTML内容
BOM： Browse Object Model, 浏览器对象模型，提供与浏览器交互的方法和接口(API ), 开发人员使用BOM可以控制浏览器显示页面以外的部分.
DOM： Document Object Model, 文档对象模型，提供访问和操作网页HTML内容的方法和接口
BOM操作和DOM操作都是比较重要的东西
BOM操作 里 WINDOW.什么就是都是全局变量 Window表示全局
window.οnlοad=function() {
document.getElementById(‘box’); //id具有唯一性
};
这句话是基本每次基本都要写到
onload就是等页面加载好之后在执行这个函数
DOM节点操作指的是: 创建节点、复制节点、插入节点、删除节点和替换节点等。
首先创建节点 createelement() 添加节点 appendchild() 克隆节点 clonenode()
this这个关键字也是很重的 表示调用函数的那个对象 就是当前点击你的对象是谁
this.value .val() 都可以用这个来表示被点击的那个函数
鼠标事件里面的获取焦点 和失去焦点 焦点的含义差不多就是光标的意思 可以理解成光标
事件对象EVENT
box.onclick = function(evt){
var e= evt || window.event; //获取到event对象(事件对象)
console.log(e);
};
还有一个时间冒泡 原理跟浮动的冒泡差不多
就是点击事件中如果你这个有很多层而且都有点击事件 他会从最底部的事件开始触发
所以想要终结点击事件可以用终结点击事件的函数进行

jquery相当于是JS的封装 就是将JS里面一些繁琐的代码给他简化了 让敲代码的人更加的方便