javascript-知识点集合
第三课、JavaScript的语法与关键字
一、JavaScript的语法
字符串、数字、布尔、数组、对象、Null、Undefined
一、js的变量区分大小写
username userName 这是两个不一样的变量
二、每行结尾的分号无关紧要，若是语句的结束处没有分号，那么js会自动将这行代码的结尾做为语句的结尾。
alert("Hello World");
alert("Hello World")
三、变量是弱类型
定义变量时至使用var运算符。
好比：var username="tom";正确
var age=30;正确
int age=30;错误
四、使用大括号标签代码块
{ //代码} 被封装在大括号内的语句按照顺序执行。
五、注释
一、单行注释 //
单行注释使用双斜线"//" 开头，在"//"后面的文字即为注释内容，
注释的内容在代码执行过程当中不起做用。
var now=new Date();//获取日期对象
二、多行注释
多行注释以"/*"开头，以"*/"结尾，在二者之间的内容为注释内容，
在代码执行过程当中不起任何做用。
/*
*功能：获取当前日期
*做者：tom
*/
function getClock(){
//内容
}
二、JavaScript中的关键字
var username="tom";
关键字不能用做变量名，函数名以及循环标签。
abstract continue finally instanceof private this
boolean default float int public throw
break do for interface return typeof
byte double function long short true
case else goto native static var
catch extends implements new super void
char false import null switch while
class final in package with synchronized
第四课、JavaScript的数据类型
var flag=true;
一、数值型
整型：123 //十进制
0123 //八进制，以0开头
0x123 //十六进制，以0x开头
浮点型：整数部分加小数部分组成，只能用十进制来表示，不过可使用科学记数法
3.1415926 //标准形式的浮点数
3.14E9 //采用科学记数法来表示，表明的是3.14乘以10的9次方
二、字符型
字符型数据是使用单引号或者双引号括起来的一个或者多个字符。
'a' 'Hello World'
"a" "Hello World"
JavaScript与Java不同，js没有char数据类型，若是要表示单个字符，必须
使用长度为1的字符串。
单引号包含双引号:'你们好，我叫"tom"'
双引号包含单引号："你们好，我叫'tom'"
三、布尔型
布尔型数据只有true或者false。在js中也可使用整数0表明false，使用非0的
整数来表明true。
四、转义字符
以反斜杠开头的不可显示的特殊字符一般称为控制字符，也被称为转义字符。
\b
退格
\n
换行
\f
换页
\t
Tab符
\r
回车符
\'
单引号
\"
双引号
\\
反斜杠
五、空值
null ,用于定义空的或者不存在的引用。
var a=null;
六、未定义值
已经声明可是没有赋值的变量。
var a;
alert(a);
undefined 是关键字，用来表明未定义值。
第五课、变量的定义与使用
一、变量的命名规则
变量名由字母、数字、下划线组成，可是不能以数字开头。
不能使用JavaScript中的关键字。
严格区分大小写。
username userName
二、变量的声明
var variable;
可使用一个var 声明多个变量，好比
var now,year,month,date;
能够在声明变量的同时对它进行赋值，也就是初始化。
var now="2015-10-10",year="2015",month="10",date="10";
若是只是声明了变量，没有赋值，那么该变量的默认值是undefined
JavaScript是弱类型，声明的时候不须要指定变量的类型，变量的类型将根据
变量的值来肯定。
全局变量的声明：一、在函数体外声明的都是全局变量。不管是否有var 声明。
二、在函数体内部使用var声明的变量是局部变量，不使用var
声明直接赋值的变量是全局变量。
var quanju=123;//这是全局变量
//若是给一个还没有声明的变量赋值时，JavaScript会自动使用该变量建立一个
//全局变量。
quanju1="abc";//这也是全局变量
function test(){
var quanju3="aaaaa";//这是局部变量
quanju2="12345";//这也是全局变量
test2();
}
function test2(){
alert(quanju2);
}
三、变量的做用域
变量的做用域是指变量在程序中的有效范围。
全局变量：定义在全部函数以外，做用于整个代码的变量。
局部变量：定义在函数体内，只做用于函数体内的变量。
第六课、运算符的应用
一、赋值运算符
var userName="tom";//简单赋值运算符
复合赋值运算符
a+=b; //至关于a=a+b;
a-=b; //至关于a=a-b;
a*=b; //至关于a=a*b;
a/=b; //至关于a=a/b;
a%=b; //至关于a=a%b;
a&b=b;//至关于a=a&b;
a|=b; //至关于a=a|b;
a^=b; //至关于a=a^b;
二、算术运算符
+ alert(3+5);
- * / %
++ i=1;j=i++;//j是1，i是2。由于i++是先用后加。
i=1;j=++i;//j是2，i是2。由于++i是先加后用。
-- 同理。
除法运算时，0不能做为除数，若是0是除数，则返回结果为Infinity。
三、比较运算符
< 小于 alert(1<9);//true
> 大于 alert(1>9);//false
<=
>=
== 等于 只根据表面值进行判断，不涉及数据类型。alert("11"==11);
=== 绝对等于 不只判断表面值，还要判断数据类型是否同样。
!= 不等于 只根据表面值进行判断，不涉及数据类型。
!== 不绝对等于 不只判断表面值，还要判断数据类型是否同样。
四、逻辑运算符
! 逻辑非。!真=假，！假=真 !("11"===11) 返回true
&& 逻辑与。只有当两个操做数的值都为true的时候，结果才会true。
false&&true 返回值是false
true&&false 返回值为false
true&&true 返回值为true
好比： (1<2)&&(2>3) 返回的是false
|| 逻辑或。只要两个操做数有一个是true，则结果就是true。
false||true 返回值是true
true||false 返回值是true
false||false 返回值是false
好比： (1<2)||(2>3) 返回的是true
五、条件运算符
条件运算符是JavaScript支持的一种特殊的三元运算符。
语法格式： 操做数?结果1:结果2;
若是操做数的值为true，则整个表达式的结果为结果1
若是操做数的值为false，则整个表达式的结果为结果2
var a=30;
var b=28;
var c=a>b?a:b;//30
六、字符串运算符
链接字符串的两种方式
+ 。var a="Hello"+" World";
+=。a+=" Hello EveryOne!";//至关于a=a+"Hello EveryOne!";
第七课、流程控制之if、switch语句
一、if条件判断语句
一、if(expression){
//expression为true的时候执行里面的内容
}
二、if(expression){
//expression为true的时候执行里面的内容
}else{
//expression为false的时候执行里面的内容
}
三、if(expression1){
//expression1为true的时候执行里面的内容
}else if(expression2){
//expression2为true的时候执行里面的内容
}else if(expression3){
//expression3为true的时候执行里面的内容
}else{
//这个else无关紧要。若是有的话，则上述条件
//都不知足的时候执行else
}
二、switch语句
语法格式：
switch(expression){
case judgement1:statement1:break;
case judgement2:statement2:break;
...
default:defaultstatement;
}
示例：
var username="tiger2";
switch(username){
case "jerry":alert("小老鼠");break;
case "tom":alert("猫");break;
case "tiger":alert("老虎");break;
default:alert("没有匹配到任何值");
}
课下做业：把以上示例用if语句来实现。
第八课、流程控制之for、while、do-while语句
一、for循环语句
语法格式：for(①initialize;②test;④increment){
③statement
}
①->②(true)->③->④->②(true)->③->④->......
①->②(true)->③->④->②(false) for循环结束
示例：
var sum=0;
for(var i=1;i<=10;i++){
sum+=i;
}
alert("总和为："+sum);
二、while循环语句
while循环的循环体可能一次都不执行。
语法格式：while(①expression){
②statement
}
①(true)->②->①(true)->②.....
①(false) 直接终止while循环。
示例：
var sum1=0;
var i=100;
while(i<=1){
sum1+=i;
i++;
}
alert("while总和为："+sum1);
三、do-while循环语句
do-while循环的循环体可以保证至少执行一次。
语法格式：
do{
①statement
}while(②expression);
示例：
var sum2=0;
var i2=1;
do{
sum2+=i2;
i2++;
}while(i2<=10);
alert("do-while总和为："+sum2);
while循环是 先判断条件是否成立，而后再根据判断的结果是否执行循环体。也就是
说循环体有可能一次都执行不了。
do-while循环是 先执行一次循环体，而后再判断条件是否成立。因此无论条件
是否成立，至少可以执行一次。
第九课、函数的定义与调用
一、函数的定义
function functionName([parameter1,parameter2,...]){
statments;
[return expression;]
}
function是必需要写的，由于这是定义函数的关键字。
functionName 是函数名，必需要写，并且在同一个页面中，函数名是惟一的。
而且区分大小写。
parameter:可选参数，用于指定参数列表。当使用多个参数时，参数间使用
逗号进行分隔。一个函数最多能够有255个参数。
statements:必选参数，这是函数体，用于实现函数功能的语句。
expression:可选参数，用于返回函数值。expression能够是任意的表达式、变量或常量。
//函数定义
示例：function account(price,number){
var sum=price*number;
return sum;
}
var i=account(10,5);//函数调用
二、函数的调用
function checkName(){
var str=form1.userName.value;
if(str==""){
alert("用户名不能为空");
}else{
alert("用户名能够注册");
}
}
<body>
<form name="form1" method="post" action="">
请输入姓名：<input type="text" name="userName" id="userName" size="30"/>
<br/>
<input type="button" value="检测" onclick="checkName()"/>
</form>
</body>
第十课、事件与事件处理
一、事件
什么是事件？例如在页面载入完毕时，将触发onload(载入)事件；当用户单击按钮时，
将触发按钮的onclick事件等。
经常使用事件：
onabort:
对象载入被中断时触发
onblur:
元素或窗口自己失去焦点时触发
onchange:
改变<select>元素中的选项或其余表单元素失去焦点，而且在其
获取焦点后内容发生过改变时触发
onerror:
出现错误时触发
onfocus:
任何元素或窗口自己得到焦点时触发
onkeydown:
键盘键（包括Shift、Alt等）被按下时触发
onkeypress:
键盘键被按下，并产生一个字符时触发。也就是说按下Shift或Alt等键
不会触发
onkeyup:
释放键盘上的按键时触发
onload:
页面彻底载入后触发
onunload:
页面彻底卸载后触发
onclick:
单击鼠标左键时触发。当光标的焦点在按钮上，并按Enter键时也会触发
ondblclick:
双击鼠标左键时触发
onmousedown:
单击任何一个鼠标按键时触发
onmousemove:
鼠标在某个元素上移动时持续触发
onmouseout:
鼠标从指定的元素上移开时触发
onmouseover:
鼠标移到某个元素时触发
onmouseup:
释听任意一个鼠标按键时触发
onreset:
单击重置按钮时，在<form>上触发
onresize:
窗口或框架的大小发生改变时触发
onscroll:
在任何带滚动条的元素或窗口上滚动时触发
onselect:
选中文本时触发
onsubmit:
单击提交按钮时，在<form>上触发
二、事件处理
事件处理程序是用于响应某个事件而执行的处理程序。事件处理程序能够是任意的
JavaScript语句，一般使用函数来对事件进行处理。
第一种方式，在HTML中绑定：
<script language="javascript">
function save(){
alert("保存按钮被点击");
}
</script>
<input type="button" name="save" value="保存" onclick="save()"/>
第二种方式，在JavaScript中绑定：
①<input type="button" name="save" id="save" value="保存"/>
<script language="javascript">
②var bt_save=document.getElementById("save");
bt_save.onclick=function(){
alert("保存按钮被单击");
};
</script>
第二种方法要注意先执行①，才能执行②。 这样的话，须要把js放在html的后面，那么就要放在</body>的上面就能够了
第十一课、String对象介绍
一、属性
在JavaScript中能够用单引号或者双引号括起来的一个字符串看成一个字符串对象
的实例，因此能够在某个字符串后面加上.去调用String对象的属性和方法。
length:返回String对象的长度。表明的是字符串当中字符的个数。
每一个汉字按一个字符计算
"你们好".length;//值为3.
"Hello World".length;//值为11
二、经常使用方法
indexOf(subsString[,startIndex])
用于返回第一次出现子字符串的字符位置。若是没有找到指定的子字符串，
则返回-1。
subString：必选参数。要在String对象中查找的子字符串
startIndex:可选参数。
示例：
var str="admin@java1995.com";
var index=str.indexOf("@",6);
alert(index);
substr(start[,length])
用于返回指定字符串的一个子串。
start:必选参数，用于指定获取子字符串的起始下标。若是是一个负数，
那么表示从字符串的尾部开始算起始位置。-1表明最后一个字符，
-2表明倒数第二个字符，以此类推。
length:可选参数，用于指定字符串中字符的个数。若是省略，则返回从
start开始位置到字符串结尾的子串。
示例：
var word="One World One Dream!";
var subs=word.substr(4,5);// World
var word="One World One Dream!";
var subs=word.substr(4);// World One Dream!
substring(from[,to])
from:用于指定要获取子字符串的第一个字符在string中的位置
to:可选参数，指定最后的位置。
[from,to) 包含from，不包含to.因此若是要获取to的字符，须要to+1
示例：
var word="One World One Dream!";
var subs=word.substring(4,8+1);// World
split(delimiter[,limit])
用于将字符串分割为字符串数组。
delimiter:指定的分隔符
limit:可选参数，用于指定返回数组的最大长度。
返回值：一个字符串数组
示例：
var str="www.java1995.com";
var arr=str.split(".");
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
//以上代码弹出的值依次为：www java1995 com
var str="www.java1995.com";
var arr=str.split(".",2);
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
//以上代码弹出的值依次为：www java1995
第十二课、Math与Date对象介绍
一、Math对象
在使用Math对象时不能使用new关键字建立实例，而是直接使用对象名.成员 这种格式
alert(Math.PI);
alert(Math.random());
alert(Math.max(3,76,21,90,5,6,-5,-903));
alert(Math.min(3,76,21,90,5,6,-5,-903));
二、Date对象
var now=new Date();//建立Date对象
var year=now.getFullYear();//获取年份
var month=now.getMonth()+1;//得到月份
var date=now.getDate();//获取日期
var day=now.getDay();//获取星期
var hour=now.getHours();//获取小时
var minutes=now.getMinutes();//获取分钟
var sec=now.getSeconds();//获取秒
第十三课、Window对象介绍
window对象即为浏览器窗口对象，是全部对象的顶级对象。window对象提供了许多
属性和方法，这些属性和方法被用来操做浏览器页面的内容。
window对象和Math对象同样，也不须要使用new关键字建立对象实例，而是直接使用
对象名.成员 的格式来访问其属性或方法。
一、window对象的经常使用属性
document
对窗口或框架中含有文档的document对象的只读引用
defaultStatus
一个可读写的字符，用于指定状态栏中的默认消息
frames
表示当前窗口中全部的frame对象的集合
location
用于表明窗口或框架的location对象。若是将一个URL赋给该属性，、
那么浏览器将加载并显示该URL指定的文档。
length
窗口或框架包含的框架个数
history
对窗口或框架的history对象的只读引用
name
用于存放窗口的名字
status
一个可读写的字符，用于指定状态栏中的当前信息
top
表示最顶层的浏览器窗口
parent
表示包含当前窗口的父窗口
opener
表示打开当前窗口的父窗口
closed
一个只读的布尔值，表示当前窗口是否关闭。
self
表示当前窗口
screen
对窗口或框架的screen对象的只读引用，提供屏幕尺寸、颜色深度
等信息。
navigator
对窗口或框架的navigator对象的只读引用，经过navigator对象
能够得到与浏览器相关的信息
二、window对象的经常使用方法
因为window对象使用十分频繁，并且又是其余对象的父对象，因此在使用window对象
的属性和方法时，JavaScript容许省略window对象的名称。
alert()
弹出一个警告对话框
confirm()
显示一个确认对话框，单击确认按钮时返回true,
不然返回false
prompt()
弹出一个提示对话框，并要求输入一个简单的
字符串
blur()
把键盘的焦点从顶层浏览器窗口中移走
close()
关闭窗口
focus()
把键盘的焦点赋予给顶层的浏览器窗口
open()
打开一个新窗口
scrollTo(x,y)
把窗口滚动到(x,y)坐标指定的位置
scrollBy(offsetx,offsety)
按照指定的位移量滚动窗口
setTimeout(timer)
在通过指定的时间后执行代码
clearTimeout()
取消对指定代码的延迟执行
moveTo(x,y)
将窗口移动到一个绝对位置
moveBy(offsetx,offsety)
将窗口移动到指定的位移量处
resizeTo(x,y)
设置窗口的大小
print()
至关于浏览器工具栏的打印按钮
setInterval()
周期执行指定的代码
clearInterval()
取消周期性的执行代码
第十四课、DOM技术概述
一、DOM概述 DOM是一种与浏览器、平台及语言无关的接口，可以以编程方式访问和操做文档。
一、DOM是Document Object Model（文档对象模型）的简称。
二、提供了访问、操做该模型的API。
二、DOM的分层结构 在DOM中，文档的层次结构被表示为树形结构。树是倒立的，树根在上，枝叶 在下面，树的节点表示文档中的内容。 在树形结构中， 直接位于一个节点之下的节点被称为该节点的子节点； 直接位于一个节点之上的节点被称为该节点的父节点； 具备相同父节点的节点是兄弟节点； 一个节点的下一个层次的节点集合是该节点的后代； 一个节点的父节点，祖先节点以及其余全部位于他之上的节点都是该节点的祖先；
第十五课、DOM遍历文档
一、遍历文档
在DOM中，HTML文档各个节点被视为各类类型的Node对象，而且将HTML文档表示为
Node对象的树。
Node对象的属性
属性
类型
描述
parentNode
Node
节点的父节点，没有父节点是为null
childNodes
NodeList
节点的全部子节点的NodeList
firstChild
Node
节点的第一个子节点，没有则为null
lastChild
Node
节点的最后一个子节点，没有则为null
nodeName
String
节点名
nodeValue
String
节点值
previousSibling Node
上一个兄弟节点
nextSibling
Node
下一个兄弟节点
nodeType
short
表示节点类型的常量
Element <a > <img >
Text 文本
第十六课、DOM操做文档
Node对象的经常使用方法
方法
描述
insertBefore(newChild,refChild)
在现有节点refChild以前插入节点
newChild
replaceChild(newChild,oldChild)
将子节点清单中的子节点oldChild
换成newChild，并返回oldChild节点
removeChild(oldChild)
将子节点清单中的子节点oldChild
删除，并返回oldChild节点
appendChild(newChild)
将节点newChild添加到该节点的子节点
清单末尾。若是newChild已经在树中，
则先将其删除
hasChildNodes()
返回一个布尔值，表示节点是否有子节点
cloneNode(deep)
返回这个节点的拷贝（包括属性）。若是
deep为true则拷贝全部包含的节点，不然
只拷贝这个节点。
课下做业：新增一个功能，可以删除指定的行数。删除以前要进行判断输入的内容
是否合法。
第十七课、正则表达式（1）
一个正则表达式是由普通字符(如a~z)以及特殊字符(称为元字符)组成的模式字符串。
该模式字符串描述在查找文字主体时待匹配的一个或多个字符串。正则表达式做为一
个模板，将某个字符模式与所搜索的字符串进行匹配。
一、字符类
代码
说明
示例
[...]
匹配方括号中字符序列的任意一个
/[012]/能够与0A1B2C中的字符0或1或2匹配
字符。其中可使用连字符"-"匹配
/[0-5]/能够与a3g02gsf91dfs4中的0到5
指定范围内的任意字符。
之间的任意数字字符匹配
[^...]
匹配方括号中字符序列未包含的任意
/[^012]/能够与0A1B2C中的除0、一、2
字符。其中可使用连字符"-"匹配不
以外的任意字符匹配，在这里匹配A或B或C
在指定范围内的任意字符。
/[^a-z]/能够与a3g02gsf91dfs4不在小写
字母a-z之间的任意字符匹配。
.
匹配除了换行和回车以外的任意字符，
无
至关于[^\r\n]
\d
匹配任意一个数字字符，至关于[0-9]
/\d\d/能够匹配wy32k中的32
\D
匹配任意非数字字符，至关于[^0-9]
/\D/能够匹配wy3k中的w或y或k
\s
匹配任意空白字符，如空格、制表符、
/\s\d\d/能够匹配my age is 20.中的 20
换行符等，至关于[\t\n\x0B\f\r]
注意2前面的空格。
\S
匹配任意非空白符，至关于[^\t\n\x0B\f\r] /\S/能够匹配A B中的A或B
\w
匹配任何英文字母、数字字符以及下划线，
/\w/能够匹配shdf82w09_+&^中的字母、
至关于[a-zA-Z0-9_]
数字、下划线
二、量词
代码
说明
示例
?
匹配前一项0次或1次
/JS?/能够匹配JScript中的JS或者JavaScript中
的J
+
匹配前一项1次或屡次，
/JS+/能够匹配JS，也能够匹配JSSSS或者JSSSSSS，
但至少出现1次
也就是说能够匹配J后面出现一个或多个S。
*
匹配前一项0次或者屡次，
/bo*/能够匹配b、bo、boo、boooo之类的字符串
也就是任意次
{n}
匹配前一项刚好n次，其中n为
/o{2}/能够匹配book中的两个o，也能够匹配booook
非负整数
中任意两个连续的o
{n,}
匹配前一项至少n次
/o{2,}/不匹配home中的o，由于至少要匹配两个o。
因此能够匹配good或者gooooood中的全部o
{n,m}
匹配前一项至少n次，但不能
/o{2,5}/能够匹配book中的两个o，也能够匹配
超过m次，其中n、m是非负整
boooook中的5个连续的o
数，而且n<=m
在使用{n,m}时，数字与逗号之间不能有空格符
三、指定匹配位置
代码
说明
示例
^
匹配字符串的行开头。
/^g/匹配good中的g，但不匹配bag中的g
^必须出如今指定字符
串的最前面才起做用。
$
匹配字符串的行结尾。
/g$/匹配bag中的g，但不匹配good中的g
$必须出如今指定字符
串的最后面才起做用。
\b
匹配单词的边界
/e\b/匹配"I love seek"中love的e，不匹配seek中的e
\B
匹配单词的非边界
/e\B/匹配"I love seek"中seek的e，不匹配love中的e
四、使用选择匹配符
正则表达式的选择匹配符只有一个"|"，使用"|"能够匹配指定的多个选项中的任意一项。
例如/World|Dream/能够匹配"One World One Dream"中的World或者Dream
五、分组
分组就是使用小括号将多个单独的字符或字符类组合成子表达式，以即可以像处理一个
独立的单元那样，用"|"、"*"、"+"或者"?"等来处理他们。好比/J(ava)?Script/能够匹配
JavaScript，也能够匹配JScript
更多资料请加入Java资源库官方群：253190527
Java资源库原创教程《JavaScript脚本语言轻松入门》
讲师：李伟
第十八课、正则表达式（2）
一、经过RegExp类的构造方法建立
\d{3}
语法格式：new RegExp(pattern[,flags])
pattern:必选参数，用于指定须要进行匹配的模式字符串。
flags:可选参数，用于指定正则表达式的标志信息。
g:全局标志。若是设置了该标志，对于某个文本执行搜索或者替换时，将对
文本中的全部匹配部分起做用，不然仅搜索或替换第一次匹配的内容。
i:忽略大小写标志。
m:多行标志。若是不设置这个标志，那么^只能匹配字符串的开头，$只能
匹配字符串的结尾；若是设置了这个标志，那么^能够匹配多行字符串的
每一行的开头，$能够匹配多行字符串的每一行的结尾。
var objExp=new RegExp("\\d",g);
二、经过正则表达式字面量建立RegExp对象
正则表达式字面量由两条斜线//中间加入模式匹配字符串组成。若是还要指定标志
信息，则在最后的斜线/后面加上标志信息，好比g或者i.
var objExp=/\d/g;
三、使用test()方法进行模式匹配
test()方法用于对一个指定的字符串执行模式匹配，若是搜索到匹配的字符，
返回true，不然返回false
var objExp=/\d/g;
objExp.test("abc");
四、使用exec()方法进行模式匹配
exec()方法返回值不是true或者false，而是当没有搜索到匹配的字符时，返回null,
不然返回一个数组，这个数组的第一个元素包含与正则表达式相匹配的字符串，其余
元素包含的是匹配的各个分组（用括号括起来的子表达式）
语法格式：
regExp.exec(str)
JS小技巧
1. innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，所以，尽量地去使用innerHTM
这种var x = new string ;如何声明？
注意在函数内要使用var才能声明局部变量
学到这儿了
分号是用来分隔可执行JavaScript语句。
因为函数声明不是一个可执行语句，因此不以分号结束。
因为函数声明不是一个可执行语句，因此不以分号结束。
var x = function (a, b) {return a * b};
var z = x(4, 3);
var z = x(4, 3);
以上函数其实是一个 匿名函数 (函数没有名称)。javascript
函数存储在变量中，不须要函数名称，一般经过变量名来调用html
在 JavaScript 中，不少时候，你须要避免使用 new 关键字。
java
匿名自我调用的函数 (没有函数名)
node
(function () {
var x = "Hello!!"; // 我将调用本身
})();
jquery
JavaScript 函数可做为表达式使用：
JavaScript 函数做为一个值使用：
arguments.length 属性返回函数调用过程接收到的参数个数：
function myFunction(a, b) {
return arguments.length;
}
return arguments.length;
}
toString() 方法将函数做为一个字符串返回:
function myFunction(a, b) {
return a * b;
}
var txt = myFunction.toString();
return a * b;
}
var txt = myFunction.toString();
| 函数定义做为对象的属性，称之为对象方法。 函数若是用于建立新的对象，称之为对象的构造函数。 |
function myFunction(arg1, arg2) {
this.firstName = arg1;
this.lastName = arg2;
}
// This creates a new object
var x = new myFunction("John","Doe");
x.firstName; // 返回 "John"
this.firstName = arg1;
this.lastName = arg2;
}
// This creates a new object
var x = new myFunction("John","Doe");
x.firstName; // 返回 "John"
- function myFunction(a, b) {
- return a * b;
- }
- var b = myFunction();
- var a =myFunction.call(b, 10, 2);
- document.writeln(a);
全部函数都能访问全局变量。 正则表达式
实际上，在 JavaScript 中，全部函数都能访问它们上一层的做用域。express
JavaScript 支持嵌套函数。嵌套函数能够访问上一层的函数变量。编程
仔细研究一下JS中（）（）这样的写法的问题，可能涉及到闭包的问题
JS中的~符号，能够把函数转换为表达式
闭包：就是拿到本该拿不到的类中的变量
var counter = 2;function add() { var counter; return function () {return counter += 1;}};add()add()add()alert(add()());
js也是变量就近原则，因此输出老是1
另外一个就是变量声明、函数前置，这个对理解做用域很重要
关于闭包和this的一个很好的程序
m = 100;var obj = { m: 1, test:function(){ alert(this.m); return function(){ alert(this.m); } }}var s = obj.test();s();
简要说明this的能力要强于prototype的做用
function test(){ this.a = 1;}test.prototype.a = 100;var p = new test;alert(p.a);
输出结果是1
按引用传递的时候，会改变引用外面的值
var obj ={ name:"jingya"}function test(oo){ oo.age = 25; console.log('inner',oo);}test(obj)console.log('out',obj)
在使用getElementById调整CSS属性的时候，要把""加上
function bb(){ document.getElementById("p_test").style.color = "red" ; document.getElementById("p_test").style.textAlign = "center" ;}
可使用this来简化代码
function changetext(id){id.innerHTML="Ooops!";}</script></head><body><h1 onclick="changetext(this)">Click on this text!</h1>
冒泡是内部事件先触发
经过DOM函数修改HTML代码
var para = document.createElement("h1")var node = document.createTextNode("this is new word")para.appendChild(node)var a = document.getElementById("div1")a.appendChild(para)
惰性载入函数
函数颗粒化
级联函数
进制转换
var myNumber=128;myNumber.toString(16); // returns 80myNumber.toString(8); // returns 200myNumber.toString(2); // returns 10000000
无穷大（Infinity）
NaN - 非数字值，若是是，返回true
var x = 1000 / "Apple";
isNaN(x); // returns true
var y = 100 / "1000";
isNaN(y); // returns false
isNaN(x); // returns true
var y = 100 / "1000";
isNaN(y); // returns false
JavaScript 字符串
var answer="It's alright";var answer="He is called 'Johnny'";var answer='He is called "Johnny"';
字符串使用strong>split()函数转为数组:
txt="a,b,c,d,e" // Stringtxt.split(","); // Split on commastxt.split(" "); // Split on spacestxt.split("|"); // Split on pipe
javascript参数的做用域
在函数的函数里，才能访问上一层的函数，单独的一个function函数没法去上一层访问windows内的函数
var my = 10;function changetext(){ var ms = 10; function s(){ alert(ms); } s();}
RegExp
正则表达式描述了字符串的模式对象
i - 修饰符是用来执行不区分大小写的匹配。windows
g - 修饰符是用于执行全文的搜索（而不是在找到第一个就中止查找,而是找到全部的匹配）。数组
test()方法搜索字符串指定的值，根据结果并返回真或假。
exec() 方法检索字符串中的指定值。返回值是被找到的值。若是没有发现匹配，则返回 null。
var str="Visit W3CSchool";var patt1=/w3cschool/i;Visit W3CSchool
var str="Is this all there is?";var patt1=/is/g;Is this all there is?
var str="Is this all there is?";var patt1=/is/gi;Is this all there is?
var patt1=new RegExp("e");document.write(patt1.test("The best things in life are free"));true
var patt1=new RegExp("e");document.write(patt1.exec("The best things in life are free"));e
setInterval() 方法
setInterval() 间隔指定的毫秒数不停地执行指定的代码
setInterval(function(){alert("Hello")},3000);
如何中止执行?
clearInterval() 方法用于中止 setInterval() 方法执行的函数代码。
myVar=setInterval("javascript function",milliseconds);
setTimeout() 方法
setTimeout(function(){alert("Hello")},3000);
如何中止执行?
clearTimeout() 方法用于中止执行setTimeout()方法的函数代码。
myVar=setTimeout("javascript function",milliseconds);
链式操做
在html中的onload没有注册函数，要否则jquery中的ready函数无法使用
相关文章
- 1. JavaScript 面试知识点合集
- 2. 集合知识点
- 3. PDO知识点合集
- 4. Bitmap知识点集合
- 5. Loadrunner集合点Rendezvous知识
- 6. Java 集合类知识点
- 7. java集合知识点
- 8. # 集合（知识点一）
- 9. 面试知识点集合
- 10. Java集合的知识点
- 更多相关文章...
- • Scala Set(集合) - Scala教程
- • C# 集合（Collection） - C#教程
- • ☆技术问答集锦（13）Java Instrument原理
- • YAML 入门教程
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
相关文章
- 1. JavaScript 面试知识点合集
- 2. 集合知识点
- 3. PDO知识点合集
- 4. Bitmap知识点集合
- 5. Loadrunner集合点Rendezvous知识
- 6. Java 集合类知识点
- 7. java集合知识点
- 8. # 集合（知识点一）
- 9. 面试知识点集合
- 10. Java集合的知识点