1.什么是JavaScript?
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
2.JavaScript的特点?
向HTML页面中添加交互行为
脚本语言,语法和Java类似
解释性语言,边执行边解释
3.JavaScript组成
JavaScript是由ECMAScript、DOM 和BOM组成
ECMAScript是一种开放的,被国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了一下内容:
1).语法
2).变量和数据类型
3).运算符
4).逻辑控制语句
5).关键字,保留字
6).对象
DOM: Document object Model 文档对象模型
BOM: Browser object Model 浏览器对象模型
4.JavaScript基本结构
<script type="text/javascript">
<!— JavaScript 语句; —>
</script >
5.JavaScript核心语法
1.语法约定: 代码区分大小写 命名规范 结束语句后加分号
2.变量(直接用var num = 2;无需写数据类型):与Java相同 1.先声明变量再赋值 2. 同时声明和赋值 3.不深明直接赋值(不推荐)
3.注释:// 或者 /**/
4.运算符号:=+-/%等 与Java相同
数据类型(typeof(变量名) 拿到变量的数据类型)
1.undefined 当变量没有初始值时,将赋予undefined
2.null 表示一个空值,与undefined值相等
3.number var num=2;//整数 var num=2.0;//浮点数
4.boolean 值为true或者false
5.string 一组被引号包括的文本
5.typeof运算符
检测变量的返回值
undefined:变量被声明后,但未被赋值
string:用引号声明的字符串
boolean:true或false
number:整数或浮点数
object:JavaScript中的对象、数组和null
属性 字符串对象.length
方法 字符串对象.方法名()
string对象方法 charAt(index) 返回在指定位置的字符
indexOf(str,index)字符串首次出现的位置
substring(index1,index2)截取字符串
split(str)字符串分割
6.数组
1.lenth 数组长度
2.join() 使用分隔符转为字符串
3.sort() 数组排序
4.push() 向数组末尾添加元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数组</title> </head> <body> <script type="text/javascript"> var string = "hello world?name=海绵宝宝"; var arrList=string.split("?"); document.write("arrList类型: "+typeof(arrList)+"<br/>"); document.write("arrList:"+arrList+"<br/>") document.write("arrList长度:"+arrList.length+"<br/>") arrList.push('派大星') document.write("arrList:"+arrList+"<br/>") document.write("arrList长度:"+arrList.length+"<br/>") var str=arrList.join("*"); document.write("str: "+typeof(str)+"<br/>"); document.write("使用\"-\"重新连接后:"+str); </script> </body> </html>
7.常用的输入/输出
alert("提示信息");
prompt("提示信息","输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");
8..sort()对数组排序
对象.sort();
9.函数介绍
函数含义:类似于Java中的方法,是完成指定任务的代码块
函数使用:不用定义属于某个类,直接使用
函数分类:1.系统函数:1.parselnt("字符串"); 2.parseFloat("字符串"); 3.isNaN();
2.自定义函数:1.无参函数 2.有参函数
10.无参函数
onclick="stauy()" 单击按钮,调用函数,执行函数中的代码
有参函数
onclick="stauy" 单击按钮,传入参数,调用函数,执行函数中的代码
11.常用事件
1.onload:一个页面或一个图像完成加载
2.onclick
3.onmouseover:鼠标移到某元素上触发
4.onkeydown:键盘按键被按下时触发
5.onchange:域的内容被触发