javaScirpt学习笔记

javaScirpt简称js 
js的代码必须放在围堵标签中，通常放在head和HTML的底部

显示数据三种方法：
window.alert（“内容”）
docment.write("内容")
docment.getElementById("div1").innerHTML="内容"；
控制台写入：console.log("内容");

变量名规范:
语法 var: 变量名称；

变量必须以字母开头

变量也能以 $ 和 _ 符号开头

变量名称对大小写敏感（y 和 Y 是不同的变量）

不能使用关键字保留字

见名知意 。例如： breadPirce,userService 等，避免无意义的 a,b,c 等

推荐驼峰命名法，即第一个单词的首字母小写，以后每个单词的首字母大写。例如 lastName

string 字符串是存储字符的变量，字符串可以是引用中的任意字体。必须使用单引号或双引号。
单引号里面需要嵌套双引号 双引号里面嵌套单引号
数字只有一种类型 可以带小数点或者不带 快捷写法：科学计数法例如：666e5 =66600000 

Booleanb布尔值：只能有两个值：true 或 false 
空值：var 变量名=null;

未定义Undefifined 4种情况：
1、变量声明且没有赋值；
2、获取对象中不存在的属性时
3、函数需要实参，但是调用时没有传值，形参是undefifined；
4、函数调用没有返回值或者return后没有数据，接收函数返回的变量是undefifined

String对象
String对和java种的是一样的，有相同的方法或类似的方法

Script的Array数组和java种比较相似格式：
var 变量名=new Array（）；
var 变量名={xx,xx,xx} 直接赋值内容

创建时间对象的四种方法：
var 变量名=new Date(); 获取当前时间
var 变量名=new Date(秒数); 通过提供秒数反馈今年时哪年哪天
var 变量名= new Date(年，月，日，时，分，秒); 从年到毫秒给时间
var 变量名= new Date(年，月，日，时，分，秒，毫秒）；从年到毫秒给时间

匿名函数：
isNaN：是判断一个值是不是数字的，如果不是数值返回的是ture 是数值返回false；

parseFloat：解析字符串，并返回一个浮点数，如果第一个字符不是数字就返回NaN 如果是数字会当前第一位到最后一位解析出来

parseInt(string,radix（2-36之间）)

可解析一个字符串，并返回一个整数.
当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。

如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进

制或十六进制的数字。
如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

自定义匿名函数：
function关键字可以分为三种，无参数无返回值、有参数无返回值、有返回值
格式：
function 名称（）{
内容
}
function 名称（直接写参数名称，不用写var）{
内容
}
function 名称（参数）{
return 内容；
}

匿名函数格式：
var 变量名=function()无参/有参;

全局变量：在整个script的脚本中都可以用，只不过要注意先后顺序。
局部变量：是只在当前的函数生效
生命周期：从被声明开始，局部变量运行之后死亡，全局函数是关闭页面死亡

自定义对象：对象也是变量，可以包含多个值多个方法。
格式：
var 变量名={属性1:值1,属性2:值2 （用大括号表示，字符串用引号，属性和值直接用:号）
变量名字:function（）{这个是方法}
}
获取自定对象的属性和方法：
var name = 对象名.属性
对象名.方法；（直接使用就可以）

所有浏览器都支持window对象，isNaN、parseFloat、parseInt都属于window对象的的成员。
window对象是浏览器的打开的窗口
window有四种属性：
history：前进和后退          history.go(1)/history(-1) || history.back（后退）/history.forward(前进)
location：location.href当前地址  location.replace（url)跳转到url地址  location.reload 刷新

window的方法：
alert()  是弹出弹窗，并且只有一个ok的选择
confifirm()   是弹出弹窗，可以选择取消或者确定两个按钮
prompt()  是提示用户输入，有两个参数第一个参数代表文字提示，第二个提示代表默认的数字
open(‘url’) 是打开新的窗口 
close() 关闭当前页面
setTimeout(调用的方法，1000) 定时器只会在一毫秒后运行一次
setInterval(调用的方法，1000)定时器每1毫秒就调用一次 单位是以毫秒为单位
clearInterval()关闭定时器
clearTimeout()关闭定时器
 

onchange
HTML 元素改变

onclick

用户点击 HTML 元素

onmouseover

用户在一个 HTML 元素上移动鼠标

onmouseout

用户从一个 HTML 元素上移开鼠标

onkeydown

用户按下键盘按键

onload

浏览器已完成页面的加载

onfocus

元素获取焦点时触发

onblur

元素失去焦点时触发 

 Dom模型：是可以访问JavaScript HTML的所有元素，网页一但被加载浏览器就会创建页面对象的模型

document.getElementById()

返回对拥有指定 id 的第一个对象的引用。

document.getElementsByClassName()

返回文档中所有指定类名的元素集合，作为

NodeList 对象。

document.getElementsByTagName()

返回带有指定标签名的对象集合。

document.getElementsByName()

返回带有指定名称的对象集合。

修改HTML元素的格式
document.getElementById( id ).innerHTML= 新的 HTML。

修改 HTML 元素属性的语法：

方式 1 ： document.getElementById( id ).attribute= 新属性值

方式 2 ： document.getElementById( id ).setAttribute( 属性名，属性值);

修改 HTML 元素 css 的语法：

document.getElementById( id ).style. property = 新样式

Dom元素的节点：
document.createElement() 代表创建新的元素
document.createTextNode() 代表创建元素的内容
变量名.appendChild(放入创建的元素内容)
变量名.inserBefore(元素内容,插入的位置)
变量名.replaceChild(修改的内容,修改的位置)
变量名.parentNode.removeChild(删除内容)
父元素变量名.removeChild(删除内容)

RegExp:正则表达式的简写
var 变量名= new RegExo(/RegExp/,i) i执行对大小写不敏感匹配  g所有全局匹配 m执行多匹配
正则表达式[^$]可以^开始 $结束； [a-z] [0-9] [\u4E00-u\9FA5] ..等等格式
String支持正则表达式的 方法 ：
match 找到一个或者多个的匹配、
search与表达式相同的值、
replace替换匹配的正则表达式、
split返回字符串数组

动态表格js
table.rows 返回全部行
tr.cells  获取某一行所有的单元格
tr.rowsIndex 获取某一行的下标（从0开始）
tr.cellindex 获取单元格下标
table.insertRow()在表格中创建新行，并添加到rows集合中