javascript笔记

2022-03-06 14:01:25 作者：互联网

类与继承

'use strict'
class student{
    constructor(name){
        this.name = name;
    }
    hello(){
        alert('hello');
    }
}
class stu2 extends student{
    constructor(name,grade){
        super(name);
        this.grade = grade;
    }
    xx(){
        alert('hello');
    }
}
var x1 = new student('xiaoli');
var x2 = new stu2('xiaoming',100);

Date() Map() Set()

var time = new Date; // 获取当前时间
time.getDay(); // 礼拜几 0~6
var tms  =  time.getTime(); // 时间戳，毫秒
var time2 = new Date(tms);
 
var map = new Map( [ ['1','one'], ['2','two'] ] );
var set = new Set( ['1', '2', '1', '3'] );
for(let a of map){
    console.log(a) // ['1', 'one']  ['2', 'two']
}

BOM DOM

//bom 浏览器对象模型
window.innerHeight  .alert(1)
location.href   .host
screen.width
document.title .cookie
document.title  =  'newTitle' // 可以直接修改

//dom 文件对象模型
// 删除father下的第一个节点
var father = getElementById('fatherid'); 
father.removeChild(father.children[0]) 
//插入节点
var id = document.getElementById('idname'); // 
var newp = document.createElement('p'); // 创建标签p
newp.id = 'idp';
newp.style.color = 'red'; // 设置样式
newp.innerText = 'ppp'; // 文本
id.appendChild(newp);
var cssstyle = document.createElement('style'); // 创建标签style
cssstyle.setAttribute('type','text/css'); // 属性
cssstyle.innerHTML = 'div{ background: red}';
id.appendChild(cssstyle);

//jQuery（需下载）    公式：$('selector').action()
//jQuery API
$('#id .class').html('<br>') / .css({'color','red'});  .hide() .width() 等

//鼠标事件
<body>
    mouse: <span id = "mousespan"></span>
    <div id = "mousediv" style = "border:1px solid red;height: 1000px;">在这里移动</div>
</body>
<script>
        $(function(){
            $('#mousediv').mousemove(function (e) {
                $('#mousespan').text('x: '+e.pageX+'y: '+e.pageY);
            })
        });
</script>

标签：name,javascript,笔记,var,new,newp,document,id
来源： https://blog.csdn.net/W2001r/article/details/123309450