JavaScript的class继承与DOM对象介绍

2021-03-29 06:26

阅读:477

标签:cookie   刷新   hello   页面   c4c   个学生   doc   操作   body   

面向对象class继承

class关键字
1.定义一个类,属性,方法,与继承操作

//定义一个学生的类
class Student{
      constructor(name){
            this.name = name;
      }
      hello(){
            alert(‘hello‘)
      }
}

class xiaoxuesheng extends Student{
      constructor(name,grade)
      {
            super(name);
            this.grade = grade;
      }
      myGrade(){
            alert(‘我是小学生‘)
      }
}

var xiaoming = new Student(‘xiaoming‘);
var xiaohong = new xiaoxuesheng(‘xiaohong‘,3);

xiaoming.hello()

操作BOM对象(重点)

window

window代表浏览器窗口

screen

代表全屏幕属性

location(重要)

location代表当前页面的URL信息

host: "www.baidu.com"    //代表主机
href: "https://www.baidu.com/"   //代表当前指向的位置
protocol: "https:"   //协议
reload: ? reload()    //刷新网页
location.assign(‘http://jd.com‘)  //设置新的地址
document

代表当前页面 HTML DOM文档树

document.title
"百度一下,你就知道"
document.title = ‘LaughTale‘
"LaughTale"

获取具体的文档树的节点


Java
JavaSE
JavaEE

获取cookie

document.cookie
"BAIDUID=A63B3EDA005CA8FC4CD0332D46174EDA:FG=1; BIDUPSID=A63B3EDA005CA8FC4C

JavaScript的class继承与DOM对象介绍

标签:cookie   刷新   hello   页面   c4c   个学生   doc   操作   body   

原文地址:https://www.cnblogs.com/zzh-lq/p/13616807.html


评论


亲,登录后才可以留言!