JavaScript

为什么要学JavaScript:

1)表单验证-减轻服务器端压力

2)页面动态效果

什么是JavaScript:{

1)JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言

2)JavaScript特点

向HTML页面中添加交互行为

脚本语言,语法和Java类似

解释性语言,边执行边解释

3)JavaScript组成

JavaScript_第1张图片

}

JavaScript的基本结构:

注:可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可

 

JavaScript的执行原理:

 

JavaScript_第2张图片

网页中引用JavaScript的方式:{

1)使用

3)直接在HTML标签中

οnclick="javascript:alert('欢迎你');"/>

}

JavaScript核心语法:{

JavaScript_第3张图片

变量:{

JavaScript_第4张图片

注:变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用

}

数据类型:{

JavaScript_第5张图片

}

typeof运算符:{

JavaScript_第6张图片

}

String对象:{

JavaScript_第7张图片

 

方法:

JavaScript_第8张图片

}

数组:{

JavaScript_第9张图片

方法:

JavaScript_第10张图片

}

运算符号:{

JavaScript_第11张图片

}

逻辑控制语句:{

if条件语句:

JavaScript_第12张图片

switch多分支语句:

JavaScript_第13张图片

for、while循环语句

JavaScript_第14张图片

for-in

JavaScript_第15张图片

}

循环中断:{

break:

JavaScript_第16张图片

continue:

JavaScript_第17张图片

}

注释:{

JavaScript_第18张图片

}

常用的输入/输出:{

JavaScript_第19张图片

}

语法约定:{

JavaScript_第20张图片

}

}

程序调试:{

JavaScript_第21张图片

}

什么是函数:{

JavaScript_第22张图片

}

常用系统函数:{

parseInt ("字符串"):

1)将字符串转换为整型数字

2)如: parseInt ("86")将字符串“86“转换为整型值86

parseFloat("字符串"):{

1)将字符串转换为浮点型数字

2)如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45

isNaN():

用于检查其参数是否是非数字

}

自定义函数:

定义函数:

JavaScript_第23张图片

调用函数:

调用无参函数:

JavaScript_第24张图片

调用有参函数:

JavaScript_第25张图片

}

事件{

JavaScript_第26张图片

}

总结:{

JavaScript_第27张图片

}

 

 

 

 

 

 

 

你可能感兴趣的:(javascript)