首页 > 编程语言 > 详细

JavaScript的class继承与DOM对象介绍

时间:2020-09-05 08:20:43      阅读:79      评论:0      收藏:0      [点我收藏+]

面向对象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"

获取具体的文档树的节点

<body>
<dl id="app">
    <dt>Java</dt>
    <dd>JavaSE</dd>
    <dd>JavaEE</dd>
</dl>

<script>
    var dl = document.getElementById("app");
</script>

获取cookie

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

JavaScript的class继承与DOM对象介绍

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!