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集合中