本文是针对JS的一个小总结，示例代码较少，偏向于理论总结；
js练习专题--登录 登录名称登录密码蒙ICP备18003238号 author:zhm
--------------------------
/*内容输出*//*弹出警告框*/function showTitle(){ window.alert(document.getElementById('titleList').innerHTML);}/*内容输出到html，慎用，将会覆盖页面*/// document.write("");/*写入到html中*/document.getElementById('titleList').innerHTML = 'xxxxxxx';/*必须等html页面元素加载完之后才能找到，否则一直报错*//*同样打印日志，用于调试，但是比与alert不同，不会打断程序执行*/console.log("titleList="+document.getElementById('titleList').innerHTML)/** * JS功能划分为三部分：1.渲染数据;2.操作DOM;3.操作cookie等存储机制API * * @JS数据类型 * 字面量（也就是固定值）种类：也是JS的数据类型种类； * 数字字面量：1.2.3.4.5...;无限大:Infinity;数字的表示方式有二/八/十六进制;NaN非数字;有其特有的属性和方法; * 字符串字面量:'wahha','shuangwaiwai' * 表达式字面量:1+2,5*9 * 数组字面量:[1,2,3,4,5,9] * 对象字面量:{firstName:'Zheng',lastName:'haoMiao',age:18,eyeColor:'black'} * 函数字面量:function myFunction(a,b){return a*b;} * 具体的数据类型：字符串(String)/数字(Number)/布尔(Boolean)/数组(Array)/对象(Object)/空(Null)/未定义(Undefined) * /对象(特殊的数据类型，拥有属性和方法,包括：Number对象;字符串对象;日期对象;数组对象;boolean对象;Math对象;正则表达式对象) * * * JS数据特点： * 动态类型，同一个变量可以赋值不同的数据类型 * 字符串表示方式灵活，可用单引号/双引号，将双引号引入文本中需要使用转义符号，比如：/",且字符串的下标从0开始； * 字符串可以是对象（var a = new String("zzz");），而对象和变量时不相等的； * 作为对象，字符串有自己的属性和方法；作为普通字符串，可以使用内置属性length获得长度； * 字符串可以通过+号进行拼接，其中空格也需要拼接进去; * 数字类型：只有一种类型，可用科学技术法方式表示；var a = 1;var b = 1.23e2(相当于123)，但是也是有精度的 * (http://www.runoob.com/w3cnote/js-precision-problem-and-solution.html)； * 布尔boolean：true/false * 数组：var a = new Array(); a[1] = 'SSA';var b = new Array('Saas','Paas');var c = ["Saas","Paas"] * 对象：person = {age:'18',name:'daXiong'};其中属性用键值对形式表示； * Undefined:表示该变量不含值 * Null:清空变量 * 函数：可以有参数、返回值、自己的局部变量（作用范围为整个函数内） * 全局变量的生命周期：被声明后开始，页面关闭后结束；除了全局变量和局部变量之外，还有一种叫"windows属性" * 特殊操作符：typeof:可以直接返回对应的类型; * 统计：JS中有5种数据类型：string;number;boolean;object;function; * 3种对象类型：Object;Date;Array; * 2种不包含任何值的数据类型：undefined;null; * 【专题】：数据类型之间的转换--看API(http://www.runoob.com/js/js-type-conversion.html)---做成js弹框； * * @JS计算 * 运算符 * 算数运算符：除/;加+;乘*;减-;取余%;自增++;自减--; * 赋值运算符：等于=;加等+=;减等-=;乘等*=;除等/=;取余等%=; * 条件、比较、逻辑运算符：==(字面值相等);===(绝对相等，包括数值与类型);!=(不等于);!==(不绝对等于，有一个不等就成立); * >(大于);<(小于);>=(大于等于);<=(小于等于);&&(与);||(或);!(非);最好用的三目运算符：a = c>d?e:f; * * @JS流程控制 * JS有自己的关键字，也就是有自己的表示方法； * JS中关键的语句标示符（常用的关键字）： * 流程控制：break;continue;do...while;for;for...in;if...else;switch;while; * for...in循环是遍历对象的属性; * break的强大作用：不同于continue只能用在循环中，break配上标签使用后可以跳出任何代码块; * 捕捉异常：catch;throw;try; * 函数与变量：function;return;var; * * * @JS正则表达式 * 【专题】-整理 * * @JS错误 * try：测试代码错误 * catch：处理错误 * throw：创建自定义错误(catch中使用) * * @JS调试 * console.log(); * 打入断点进行调试; * 使用debugger，调用调试函数; * * @对html的应用 * 表单验证：使用onsubmit事件，调用函数; * API约束：对接html元素中设置的属性约束，如max约束数值，可以设置响应的提示信息，验证方式 * * @JSON语法 * 【专题】-整理 * json格式化之后是js对象； * * @JS函数定义 * 自调用函数：不需要别人调用，自己主动调用自己，但是没有函数名，是匿名自调用函数；格式:(function(){...内容}()) * 参数的初始化方法：y = y||0; * 内置arguments对象，可以用来操作参数数组，方法中可以不写相应的显式参数； * 函数的使用方式：作为全局对象(window的方法)/作为变量中方法调用/作为构造函数使用(需要时候new关键字)/ * 使用函数方法call()或apply()调用; * 构造函数中也可以设定/初始化其他的函数; * JS的闭包的使用，不懂; * * @htmlDom(文档对象模型) * js通过htmlDom可以访问html中的所有元素，帮助访问元素的;(可以用来修改html内容/属性，改变CSS样式，监听事件) * js查找html元素方式： * id:document.getElementsById("xxx"); * 标签:document.getElementsByTagName("xxx"); * 类名:document.getElementsByClassName("xxx"); * * @htmlDom教程 * 文档对象模型 * 改变html方法： * document.write("xxx"); * document.getElementById(id).innerHTML=新的HTML;(改变html内容) * document.getElementById(id).属性=新属性值;(改变html属性) * 改变html样式: * document.getElementById(id).style.样式属性=新样式; * 结合事件的使用： * 就可以在触发相应事件后，对html做出相应改动；而且事件也是属性，所以可以在JS代码中对元素设置相应事件； * document.getElementById("myBtn").οnclick=function(){displayDate()}; * 为元素添加相应监听：一个元素可以添加多种监听 * element.addEventListener(event, function, useCapture); * event是监听的动作,function是调用的函数,useCapture是使用的捕获(从外到内触发)还是冒泡方式(从内到外触发)； * 相反的方法：element.removeEventListener("mousemove", myFunction);移除监听 * 创建新的节点元素：[对元素的各种操控，用到再找] * 添加元素，创建节点； * 移除元素； * 替换元素； * Dom的集合Collection的操作；是个元素的集合； * Dom的节点列表Nodelist的操作；是一个节点，用于存放元素； * * @htmlBOM教程 * 浏览器对象模型：常用对象： * window对象：常用方法(open;close;moveTo;resizeTo) * window的特别方法：计时(执行-setInterval;停止-clearInterval;定时间后执行-setTimeout;停止-clearTimeout); * window.screen对象(可省略window)：表示有关屏幕的信息 * window.Location对象：获取URL,常用方法(hostname;pathname;port;protocol) * window.history对象：处理浏览器历史的信息 * window.Navigator对象：有关访问者的信息 * * * @JS其他特性 * JS是操作HTML的脚本语言，所以对HTML的操作是重点，在html页面中直接使用JS的事件属性 * 常用JS事件属性：onchange();onclick();onmouseover();onmouseout();onkeydown();onload(); * JS常用转义字符：\';\";\\;\n;\r;\t;\b;\f; * JS语句分隔符：分号； * 注释：单行：//;多行：/ * * /; * JS对大小写敏感,但是忽略空格，所以可以用空格提高代码可读性；可以用"\"折行 * JS的【严格模式】："use strict",可在脚本或者函数头部添加;(严格模式的特点：http://www.runoob.com/js/js-strict.html) * JS默认代码的最后一行自动结束，所以折行是不允许的，所以有的语句忘记加分号也没有报错; * 消息框:三种：警告框(alert)、确认框(confirm)、提示框(prompt) * cookie的使用：js可以获取和设置cookie来发给服务器进行使用 * * 完结： * 附上：工具文档：http://www.runoob.com/jsref/jsref-tutorial.html * * */