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

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:获取父节点