码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的class继承与DOM对象介绍

时间:2020-09-17 13:48:04      阅读:35      评论:0      收藏:0      [点我收藏+]

标签: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"

获取具体的文档树的节点

<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对象介绍

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!