70.【JavaScript 6.0】（五）

1.定义一个类，属性，方法:
基本格式:
class 类名{
  constructor(属性名){this.属性名=属性名} -------------->构造器
  方法名(){}
}
2.设置类的对象;
var 对象名=new 类名(属性名);

'use strict';
//定义一个学生类
class student{
    constructor(name) {
        this.name=name;
    }
    hello(){
        alert('hello');
    }
//设置对象
}
var liming=new student('吉士先生');

JavaScrpit继承:
基本格式:
class 子类名 extends 父类名{
constructor(父类属性,子类属性){
  super(父类属性);
}
}

eg:
class student{
    constructor(name) {
        this.name=name;
    }
    hello(){
        alert('hello');
    }
}
class xiaoxuesheng extends student{
    constructor(name,grade) {
        super(name);
        this.grade=grade;
    }
    MyGrade(){
        alert('I AM IS A XIAOXUESHENG');
    }
}
//设置对象
var liming=new student('吉士先生');
var xiaoming=new xiaoxuesheng('小红',1);

1.
浏览器的介绍:
(1).JavaScript和浏览器的关系:
JavaScript诞生就是为了能让他在浏览器中运行。
2.
BOM:--------》browser  Object Mondel  浏览器对象模型

1.
window: 代表浏览器窗口；----------->对象
(1).弹窗:
window.alert(1);
(2).窗口内部高度
window.innerHeight;
window.innerWidth;
(3).窗口外部高度:
window.outerWidth;
window.outerHeight
-------------------------------------------------
2.
Navigator------------->封装了浏览器的信息(对象）
1).获取软件名字
navigator.appName;
'Netscape'
2).获取软件版本号
navigator.appVersion;
'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.52'
3).获取用户信息
navigator.userAgent;
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.52'
4).获取系统的版本
navigator.platform;
'Win32'
------------------------------------------------------------------
3.
screen-----------》代表全屏幕属性
(1).获取屏幕的高度（像素点/分辨率）
screen.height;
864
(2).获取屏幕的宽度（像素点/分辨率）
screen.width;
1536
----------------------------------------------------------------------
4.
location 代表当前页面的URL信息
(1).host: "www.baidu.com"   --------------->主机名
(2)0href: "https://www.baidu.com/?tn=38036936_hao_pg" ---------》当前位置的链接
(3).protocol: "https:"  ------------》协议
(4).reload: ƒ reload()--------------》重新加载，刷新
(5).loctaion.assign('url')----------》把A网页跳转到URL新网页

5.
document-------->当前的页面
(1).document.title;-------->查看当前页面标题
(2).document.title='吉士先生';------>改变当前页面标题
(3).document.getElementById('app');-------->获取id是app标签的文档树结点--》动态删减
(4).document.cookie; ---------->获取cooike 就是用户信息
(5).入狱小技巧，截取别人cookie
天猫截取-----淘宝的cookiel;

6.
history --------------------》浏览器的历史记录
history.back()----------->返回上一页;
history.forward()-------->前进一页

链接要放在body 并不是head里面了。
1.浏览器网页就是一个Dom属性结构。
四大核心:
(1).更新DOM结点
(2).遍历DOM结点
(3).删除DOM结点
(4).添加DOM结点
2.什么是DOM结点，实际上就是小方框里面的东西，也就是标签。

3.怎么获得DOM结点?
(1).id选择器: document.getElementById('p1');
(2).class选择器: document.getElementsByClassName('p2');
(3).标签选择器:document.getElementsByTagName('h1');
=====================================================
4.获得父节点下的所有子节点
var father = document.getElementById('father');
//获取父节点下的所有子节点
var childrens = father.children;
=====================================================
//获取最后一个子节点
father.lastChild;
=====================================================
//获取第一个字节点
father.firstChild;