javascript

JavaScript = ECMAScript + BOM +DOM
BOM-浏览器对象模型-window
DOM-文档对象模型-document

1.JavaScript Date 对象

Date对象用于处理时间和日期
通过 new Date() 创建Date对象
例:页面显示时间

CSS

image.png

2.JavaScript Math（算数） 对象

Math（算数）对象的作用是：执行常见的算数任务。Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。
Math.random()---返回 0 到 1 之间的随机数

        

        点我
        
        
    

parseInt(Math.random()*100+1)
#产生1-100随机整数

层叠的样式如何抉择?
遵循三条原则:
1.就近原则
2.具体性原则(ID>类>标签[]>标签>通配符)
3.重要性原则

#显示九九乘法表
显示九九乘法表
        

3.HTML DOM Document 对象

在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点

(1)document.querySelectorAll(".foo")[0];
是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表

(2)document.querySelector(".foo");
返回文档中匹配指定的CSS选择器的第一元素

(3)document.getElementsByTagName("h1")[0];
返回带有指定标签名的对象集合。

(4)document.getElementsByClassName("foo");
返回文档中所有指定类名的元素集合，作为 NodeList 对象。

(5)document.getElementById("welcome")
返回对拥有指定 id 的第一个对象的引用。

推荐使用(1)和(2)
document.getElementById 拿到标签
Elements 很多标签是一个列表 用下标取到想要的元素

    
        
        
        
    
    
    
欢迎来到千峰教育成都校区Python就业班