JavaScript学习笔记
Xyinkl
5月 20, 2016
JavaScript学习笔记
- 结构（Structure，HTML）
- 样式（Style，CSS）
- 行动（Action，JavaScript）
- HTML和CSS没有真正的交互性
- JavaScript几乎能让我们检测一切网页上的行动，例如用户点击按钮、调整浏览器窗口大小或在文本域里填入数据等。
- HTML的任何地方都可以安插
<script>标签，但是最好放到<head>区域。 - JavaScript为解释语言，C、C#等为编译语言
- alert是弹出信息窗口的JavaScript方式：alert box（消息提示框）
- var 创建变量 const 创建常量（习惯全部用大写字母），常量创建必须初始化
- 变量名称规范–小写驼峰型–numCakeDonuts
- 对象名称规范–驼峰型–NumCake
- NaN–Not a Number
- 文本转换数字parseInto()和parseFloat()
- getElementById()函数以ID访问网页元素
- +做相连或者相加是根据上下文决定，如果前后都为字符串则相连，都为数字则相加。
- 如果试图用字符串加数字，JavaScript会将数字转换成字符串，然后相连
- JavaScript能设置定时器（timer），一定时间延迟后出发某段代码或者组件。时间延迟以毫秒为单位：1000–1s
- 单次定时setTimeout(‘alert(‘Wake up!’);’,60000);
- 间隔定时setInterval()
- 网页元素都有设定样式的style对象，用document.getElementById()调取其height或者width属性。
- 客户端窗口是浏览器窗口的一部分，只负责呈现网页，其他不关它的事
- 可以通过document.body.clientHeight获得其客户端窗口的高度
- cookie是一块文本数据，由用户浏览器下令存储
- cookie让数据能存活超过单一网络session
- 每个cookie都有有效日期，超过期限，浏览器随机清楚cookie
- cookie不能访问用户硬盘或者散布病毒，但可以存储输入网页上的个人数据
- if(true/false test)
Do something;
else
Do something else; - while|for|switch
- 函数可以看作是数据。把函数主体看成值，函数名称为变量名名称。
- var 函数名 = function(参数)｛函数内容｝
- 函数变量的值不是代码本身，而是指向存储代码的地址的引用
- 回调函数被浏览器调用，以响应发生在脚本范围之外的事件，比如onload、onclick
- onfocus事件、onblur事件能够检测用户输入状态切换
- alert(“弹窗内容”)；
- 正则表达式/expression/ 模式匹配
- 正则表达式包括三部分：普通字符、元字符、限定符
- Javascript内置RegExp对象的test()方法可以用来正则验证
- 通过改变节点的整份样式类，className节点特性，可以达成戏剧性的样式变化
- 通过改变节点的单一样式特性，style节点特性达成少量样式变化
- 网页元素可以利用元素对象的visibility样式特性做动态的显示或隐藏
- 利用document对象的createElement()方法，能够创建任何HTML元素
- 若需新增元素的文本内容，必须创建一个文本内容子元素，并附加至元素下。
- JavaScript本身就是大型的对象合集。alert()函数其实是window对象的方法，它能以window.alert()被调用。window对象代表浏览器窗口，但不需刻意指出它是对象，所以能够直接调用alert()。
- 对象是一种特殊的数据结构，结合了数据，以及依靠数据行动的程序代码。
- 实际上，对象只是结合成单一结构体的变量和函数
- 当变量被放在对象里时，它称为特性。当函数被放在对象里时，它称为方法
- 引用特性和方法时需要提供对象的名称，后随点号运算符，然后接上特性或方法的名称。
- 标准的JavaScript Date对象，以毫秒表达瞬间
- Date对象具有一些访问各部分时间值的方法。
- Date对象聪明到能够对日期做四则运算，还有比较日期。
- Date对象需要以new运算符创建。
- 类是对象的描述，实例则是实际的对象，根据对象的描述所创建
- 类勾画了对象的特性和方法，实例则把真正的数据放在特性里供方法调用。
- 对象命名的原则只有首字母大写。实例的命名则采取小写驼峰式。