JavaScript基础知识
一、JavaScript作用
表单验证 - 减轻服务器端压力
实现页面的动态交互
实现页面动态效果
二、JavaScript概述
JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言
特点
向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释
基本结构
<script type="text/javascript">
<!-
JavaScript语句
->
</script>
注意:
因为HTML5中type属性默认是text/Javascript,因此HTML5中可以省略type属性
可以在文档中的任何地方 . 一般放在头部或者尾部
三、JS的执行原理
浏览器输入客户端网页
客户端发送包含JavaScript的请求页面至服务器
客户端从服务器端下载含JavaScript的页面
四、引入js的三种方式
使用
五、JavaScript核心语法
变量
使用关键字var,可以先声明再赋值,同时声明和赋值,也可以不声明直接赋值
数据类型
undefined 未定义(无默认值)
null 空值,与undefined值相等
number 包含整数和浮点数
booloean true和false
string 一组引号括起来的文本
Typeof运算符
用于检测变量的返回值
String对象
属性:字符串对象.length
方法:字符串对象.方法名()
charAt(index) 返回在指定位置的字符
indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1, index2) 返回位于指定索引index1和index2之间的字符串, [index1,index2)
split(str) 将字符串分割为字符串数组
数组
格式:var 数组名称 = new Array(size);
数组访问与Java相似
常用方法
join( ) 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
sort( ) 对数组排序
push() 向数组末尾添加一个或更多 元素,并返回新的长度
常用属性:length 设置或返回数组中元素的数目
运算符号
与Java类似,注意,,==之比较“转化成同一类型后的值”看“值”是否相等, ===如果类型不同,其结果就是不等
逻辑控制语句
与Java类似
注释
单行注释以//开始,以行末结束
多行注释以 指示中间的语句是该程序 中的注释
弹窗提示
alert()
alert(“提示信息”);
prompt()
prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入你喜欢的颜色”,“红色”);
prompt(“请输入你喜欢的颜色”,"");
语法约定
代码区分大小写
变量 , 对象 和函数的名称
JavaScript的关键字小写
内置对象大写字母开头
对象的名称通常是小写
方法命名规则和Java相同
行末使用分号
六、常用系统函数
parseInt (“字符串”)
将字符串转换为整型数字 ,如: parseInt (“86”)将字符串“86“转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字 ,如: parseFloat(“34.45”)将字符串“34.45“转换为浮点 值34.45
isNaN()
用于检查其参数是否是非数字
七、自定义函数
定义函数
function 函数名(参数1,参数2...){
//JavaScript语句
[return 返回值] }
}
调用函数
函数调用一般和表单元素的事件一起使用 , 调用格式 :
事件名= “函数名( )” ;
八、事件
onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变