欢迎光临散文网 会员登陆 & 注册

JS学习笔记:Math对象,Date对象,事件,DOM,节点【诗书画唱】

2020-06-28 23:19 作者:诗书画唱  | 我要投稿

Math对象:

Math.abs(e); 获取参数e的绝对值

absolute[ˈæbsəluːt][ˈæbsəluːt]

adj.完全的; 全部的; 绝对的; (英语口语中尤用以强调) 道地的,确实的,十足的; 肯定的; 无疑的; 明确的;n.绝对真理(指思想或原理);

Math.ceil(e) 向上取整


ceiling

天花板

英 [ˈsiːlɪŋ]

美 [ˈsilɪŋ]n.天花板;舱内衬板;最高限度;最大限额;上限;绝对升限;云幂底部高度

ceil

英 [siːl]

美 [sil]v.给…装镶xiāng】板或抹灰泥


Math.floor(e) 向下取整

floor[flɔː(r)][flɔːr]

n.地板; 地面; (车厢内的) 底板; 楼层;v.使惊奇; 使困惑; (尤指体育运动中) 击倒,打倒; 给…安装地板; 给…铺设地面;

Math.round(num):四舍五入

round

圆形的

英 [raʊnd]

美 [raᴜnd]

adj.

圆形的;圆柱形的;近似圆形的;近似圆柱形的;球形的;近似球形的;用整数表示的;约整数表示的;率直的;直言不讳的;坦率的;耿直的

n.

圆形物;环状物;圆柱状物;球状物;一次;一轮;一个回合;一连串;一连串反复的活动;一份按标准定的量

adv.

旋转地;到反面;围绕地;围住地;包围地;绕道地;到某处;在四处;到处;在各处

prep.

围绕;环绕;围绕在;围住;包围;兜绕;绕过;在… 各处;在…的四面八方;以…为中心

v.绕过;拐过;把…四舍五入;使凑整;使成圆形;将…修圆;变圆;以圆唇发;使(唇)圆化


Math.PI 圆周率

pi

圆周率

英 [pʌɪ]

美 [paɪ]

n.

希腊字母表中第十六个字母;圆周率;π星;电子;轨函数

symbol【

symbol

象征

英 [ˈsɪmb(ə)l]

美 [ˈsɪmbəl]

n.

象征;符号;标志

v.

象征

圆周率值;乘积;渗透压力

adj.

PIOUS的简称

pious

虔诚的

英 [ˈpʌɪəs]

美 [ˈpaɪəs]

adj.

虔诚的;笃信的;虚伪的;道貌岸然的;真诚却不可能实现的;孝顺的


Math.pow(a,b) 得到a的b次方

power

能力

英 [ˈpaʊə]

美 [ˈpaᴜər]

n.

能力; 本领; 才智; 支配力; 影响力; 体力; 威力; 力量; 机械力; 动力; 电力; 幂; 乘方; 指数; 大量的;次方

v.

为…提供动力; 供能; 快速行进; 奋力前进; 开; 猛力踢

Math.sqrt(e) 得到e的平方根

square root

平方根

n.

平方根;二次方根

square[skweə(r)][skwer]

adj.正方形的; 四方形的; 成直角的; 方的; (用于表示长度的单位后,表示某物四个边等长) …见方的;n.正方形; 四方形; 正方形物; (通常为方形的) 广场; 平方; 二次幂;v.使成正方形; 使成四方形; 使成平方; 使成二次幂; 挺直身子; 挺起胸膛;

root[ruːt][ruːt]

n.; 根茎; 根部; 根源; 起因;v.(使) 生根; 翻寻; 





Math.random() 得到0-1之间的随机数

random

随机的

英 [ˈrandəm]

美 [ˈrændəm]


Date对象:

getYear() 当前年份-1900

getFullYear() 当前年份

getMonth 当前月份-1

getDate() 当前日

getDay() 当前周一,从0开始

getHours() 当前小时

getMinutes() 当前分钟

getSeconds( 当前秒

toDateString() 转为英文格式的日期

toLocaleString() 转为数字格式的日期

toTimeString() 时间

valueOf() 将时间转为毫秒

//毫秒转时间

var d=Date.now();

var d1=new Date(d);

alert(d1.toLocaleString());

locale[ləʊˈkɑːl][loʊˈkæl]

n.发生地点; 现场;

//时间转为毫秒

var dd=new Date();

var shijain=dd.valueOf();

alert(shijain);

setInterval(a,b):方法可按照指定的周期(以毫秒计)来调用函数或计算表达式

interval[ˈɪntəvl][ˈɪntərvl]

n.(时间上的) 间隔,间隙,间歇; (戏剧、电影或音乐会的) 幕间休息,休息时间; (其他事情) 穿插出现的间隙;

setInterval() 方法会不停地调用函数,直到 

clearInterval() 被调用或窗口被关闭。


setTimeout():用法和setInterval类似,但是只会调用一次里面的函数String对象:

length 字符串长度

charAt(a) 下标为a的字符串内容

char[tʃɑː(r)]

character

性格;字符

英 [ˈkarəktə]



concat(a,b,c....) 连接字符串

concatenate

英 [kənˈkatɪneɪt]

美 [kənˈkætəˌnet]

v.

连接;串联;使连锁;把…连成一串

indexOf(a) 返回a在字符串中的第一个位置,未找到返回-1

lastIndexOf(a) 从后往前找a的位置,未找到返回-1

replace(a,b) b替换a的内容

slice(a,b) 截取字符串a的位置到b的位置

split(“a”) 以”a”为分隔符分割字符串

substr(a,b) 从a的位置截取b个字符串

事件:

onclick 鼠标单击事件

onmouseover 鼠标经过事件

mouse[maʊs]

over

在…的上方



onmouseout 鼠标移开事件



DOM:文档对象模型

将这个html页面看做是一个文档,html页面中的每个内容都看做称为一个节点,DOM的核心就是操作节点



节点的分类:

元素节点(所有的html标签)<a><ul><span>

span

跨度

英 [span]

美 [spæn]

n.

全长;跨度;范围;跨绳;一队人;很多;一段时间;持续时间;桥孔

v.

横跨;跨越;给…套上轭;持续;包括;涉及;张开手覆盖;用拃(拇指与小指间最大距离)量

属性节点(标签中的属性称为属性节点)type="text"  href="#"

文本节点(所有的文字,空格,换行)


怎么操作节点?

1.ID获取节点:document.getElementById("ID名称");

2.class获取节点:document.getElementsByClassName("class名称");

3.name获取节点:document.getElementsByName("name名称");

4.标签选择器:document.getElementsByTagName("标签名称")

class选择器、name选择器、标签选择器他们三个得到的都是一个数组

打印具体的内容,区别在于innerValue打印的是form元素的内容,text,password,checkbox innerHTML打印的是非form元素的内容   span   div  p   h1



节点的分类:

元素节点,属性节点,文本节点

nodeType:1元素节点   2属性节点   3文本节点

nodeName:大写的英文字符(元素节点)   小写的英文字符(属性节点)  #text(文本节点)

nodeValue:元素节点(null) 属性节点:属性值   文本节点:具体的内容

ChildNodes:获取所有的子节点(包含文本节点)

children:获取所有的子节点(不包含文本节点)

attribute:获取某个标签下所有的属性节点


attribute[əˈtrɪbjuːt , ˈætrɪbjuːt][əˈtrɪbjuːt , ˈætrɪbjuːt]

v.把…归因于; 认为…是由于; 认为是…所为(或说、写、作);n.属性; 性质; 特征;



getAttribute:获取某个指定的属性节点

setAttribute:设置某个节点的属性


firstChild:得到第一个子节点

firstElementChild:得到第一个元素节点

parentNodes:获取父节点

parent

家长

英 [ˈpɛːr(ə)nt]

美 [ˈpɛrənt]


JS学习笔记:Math对象,Date对象,事件,DOM,节点【诗书画唱】的评论 (共 条)

分享到微博请遵守国家法律