javascript

数组定义

数组是值的有序集合

javascript数组是无类型的;数组元素可以是任意类型,并且同一个数组的不同元素也可能有不同的类型。

每个值叫做一个元素,而每个元素在数组中有一个位置

数组方法

push在数组末尾添加一个或多个新元素

unshift在数组开头添加一个或多个新元素

pop移除最后一个元素

shift移除第一个元素

Sort:排序

reverse 倒序

join 讲数组转为字符串

slice()方法返回指定数组的一个片段或子数组,它的两个参数分别指定片段的开始和结束的位置。

splice插入、删除、替换元素


数组遍历

使用for循环是遍历数组元素最常见的方法


for/in 循环

日期对象创建

Date 对象用于处理日期和时间。

可以通过 new 关键词来定义 Date 对象。

var myDate=new Date()

toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。

toString()    方法可把 Date 对象转换为字符串,并返回结果

valueOf()    方法返回 Date 对象的原始值。

                              返回值为Number类型,返回当前Date对象所表示的时间距1970年1月1日午夜的毫秒数。

getTime()    方法可返回距 1970 年 1 月 1 日之间的毫秒数。

setTime()    方法以毫秒设置 Date 对象

getFullYear() 方法可返回一个表示年份的 4 位数字

setFullYear() 方法用于设置年份

getMonth()  方法可返回表示月份的数字

                          返回值是 0(一月) 到 11(十二月) 之间的一个整数。

setMonth()  方法用于设置月份

getDate()  方法可返回月份的某一天

setDate()  方法用于设置一个月的某一天

getDay()    方法可返回表示星期的某一天的数字

                        返回值是 0(周日) 到 6(周六) 之间的一个整数

getHours()  方法可返回时间的小时字段

                        返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数

setHours()  方法用于设置指定的时间的小时字段。

            dateObject.setHours(hour,min,sec,millisec)

hour必需。表示小时的数值,介于 0(午夜) ~ 23(晚上11点) 之间,以本地时间计(下同)。

min 可选。表示分钟的数值,介于 0 ~ 59 之间。

sec 可选。表示秒的数值,介于 0 ~ 59 之间。

millisec可选。表示毫秒的数值,介于 0 ~ 999之间。

getMinutes()方法可返回时间的分钟字段。

                          返回值: dateObject 的分钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。

setMinutes()方法用于设置指定时间的分钟字段

getSeconds()方法可返回时间的秒

                        返回值是 0 ~ 59 之间的一个整数。

setSeconds()

getMilliseconds() 方法可返回时间的毫秒

setMilliseconds() 方法用于设置指定时间的毫秒字段。

DOM文档对象模型

    DOM节点:

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点


节点的属性:

nodeName:

属性指定节点的节点名称

如果节点是元素节点,则 nodeName 属性返回标签名。

如果节点是属性节点,则 nodeName 属性返回属性的名称。

文本节点的nodeName:返回#text

文档节点的nodeName:返回#document


nodeValue:设置或返回指定节点的节点值

对于文本节点,nodeValue=文本值  对于属性节点,nodeValue=属性值

对于元素节点,返回null


nodeType:返回以数字值返回指定节点的节点类型。 

如果节点是元素节点,则 nodeType 属性将返回 1。

如果节点是属性节点,则 nodeType 属性将返回 2。

如果节点是文本节点,则 nodeType 属性将返回 3。

如果节点是注释节点,则 nodeType 属性将返回 8。

如果节点是文档节点,则 nodeType 属性将返回 9。

firstChild:      childNodes (孩子节点数组)列表中第一个节点。

lastChild:      childNodes (孩子节点数组) 列表中的最后一个节点。

parentNode:      返回父节点

previousSibling: 返回当前节点之前的节点。

nextSibling:    返回当前节点的下一个节点。

attributes:          返回节点属性的对象集合

childNodes:      返回子节点对象集合,是数组对象,包含文本节点和元素节点

children :            返回子节点对象集合,是数组对象,只包含元素节点




节点树中的节点彼此拥有层级关系


在节点树中,顶端节点被称为根(root)

每个节点都有父节点、除了根(它没有父节点)

一个节点可拥有任意数量的子节点

同胞是拥有相同父节点的节点



1.查找元素

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用

getElementsByName() 方法可返回带有指定名称的对象的集合

getElementsByTagName() 方法可返回带有指定标签名的对象的集合

getElementsByClassName()返回文档中所有指定类名的元素集合



2创建标签方法

document.createElement()  //创建一个元素节点

document.createTextNode()  //创建一个文本节点

parentNode.appendChild(newChild) //newChild 被添加到孩子列表中的末端。

innerHTML 属性设置或返回标签的开始和结束标签之间的 HTML

getAttribute() 方法返回指定属性名的属性值

setAttribute() 方法添加指定的属性,并为其赋指定的值。

如果这个指定的属性已存在,则仅设置/更改值


BOM  浏览器对象模型

计时器

1. 一次性计时器:仅在指定的延迟时间之后触发一次。

setTimeout()就是人为设定一个时间后会进行一些事件的触发

方法接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。

2.  间隔性触发计时器:每隔一定的时间间隔就触发一次。

setInterval()

方法同样接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。

3.  alert()弹出警告框

4.  confirm()弹出对话框

5.  prompt()弹出输入框

6.  open() 打开一个新的浏览器窗口或查找一个已命名的窗口。

7.  close() 关闭浏览器窗口。

取消计时器:取消由计时器设置的交互时间。

1.取消一次性计时器

clearTimeout


2.取消间隔性触发计时器

clearInterval

window对象的属性及方法

1-1window对象的属性

document(文档) ,

navigate(Navigator 对象包含有关浏览器的信息。),

history(History 对象包含用户(在浏览器窗口中)访问过的 URL。),

screen(Screen 对象包含有关客户端显示屏幕的信息。),

location(Location 对象包含有关当前 URL 的信息。)



back()  加载历史列表中的前一个 URL(如果存在)。

forward()  加载历史列表中的下一个 URL

事件类型:

onmouseover:当鼠标移入的时候触发的事件

onmouseout:当鼠标移出的时候触发的事件

onmousedown:当鼠标点击事件源元素时添加的事件

onmouseup:当鼠标在事件源上松开时执行的事件

onchange:当事件源内容发生改变时触发的事件

onclick:当点击事件源时发生的事件、

ondblclick:当双击事件源时发生的事件,

onload:当页面全部加载完毕的时候执行的事件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,238评论 0 5
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,752评论 0 8
  • 一位妈妈向我慨叹:当妈的都像我这么累也够烦的…… 我追问了她一个问题:你说怎样不累呢? 大多数的家长对孩子、对教育...
    陈兆漫阅读 1,343评论 0 2
  • 初秋,月夜,女孩吐露了她的心声。 人都散去了吧,形色匆匆。没有人在意我们放慢了的脚步。 月色如水,空灵的黛色散逸在...
    萧荼URSU阅读 178评论 0 0
  • 我的母亲没有什么文化,只读了三年级。更没见过什么世面,从小到大除了爸爸生病去过一次大城市之外,一直呆在小镇里。但是...
    鸭蛋00阅读 395评论 2 0