一.javaScript有什么作用:
1.客户端表单验证
2.页面动态效果
3.jQuery的基础
二.什么是javaScript
javaScript是一种描述型语言,基于对象和事件驱动的具有安全性能的脚本语言
特点:javaScript主要用来在HTML页面添加交互行为
JavaScript是一种脚本语言,语法和Java类似
javaScript一般用来编写客户端的脚本
javaScript是一种解释性语言,边执行边解释
三.JavaScript的组成:
1.ECMAScript标准
2.浏览器对象模型BOM
3.文档对象模型DOM
四:JavaScript的基本结构:
1.
<script type="text/javascript">
document.write("<h1>我的世界</h1>");
</script>
HTML5中可以省略type属性,因为HTML5中type默认为text/JavaScript;
document.write()用来向页面输出可以包含HTML标签的内容;
2.<script>....</script>可以包含在文档中的任何地方
3.javaScript程序只在浏览器客户端执行,而不是服务器中执行,因而减轻了服务的压力
五.在网页中引用javaScript的方式:
1.内部javascript文件
例子:
<body>
<script>document.write("<h1>我的世界</h1>");
</script>
</body>
2.外部JavaScript文件
外部文件以.js为扩展名保存
例如:export.js文件代码
document.write("初学javascript");
document.write("外部文件");
HTML页面代码:
<body>
<script src="js/export.js"></script>
</body>
3.直接在HTML标签中
六.JavaScript核心语法
1.变量声明和赋值:
语法:
var 合法变量名
JavaScript是弱类型语言,没有明确的数据类型,声明时不需要指定变量类型
例如:
var width;
width=20;
var x=10;
x=10;这样写也对,因为它是弱类型语言,允许不声明而直接使用,系统将自动声明该变量
2.常用的基本数据类型:
undefined(未定义类型)
null(空类型)
number(数值类型)
String(字符串类型)
boolean(布尔类型)
3.typeof(变量或值) 判断一个值或变量属于哪种数据类型
结果有以下几种:
undefined(未定义类型)
number(数值类型)
String(字符串类型)
boolean(布尔类型)
object:如果变量是空类型,或者引用类型,如对象,函数,数组,
4.alert(null==undefined); 返回值为true;
undefined其实是null派生而来的,因此JavaScript把它们定义为想等的
但他们含义不同,undefined 表示为对变量赋值,而null表示给变量赋给了一个空值;
5.number类型:
整数可以表示位8进制,或者16进制 但它们的首数字必须是0
6.NaN(not a number)表示非数
typeof(NaN); 返回值是number;
7.字符串是一组被引号(单引号或双引号)括起来的文本
JavaScript不对“字符”或“字符串”加以区分
var oneChar="a"; //定义了只有1个字符串“a”的字符串
8.String 对象常用方法:
方法 | 描述 |
indexOf(str,index) | 查找某个指定的字符串在字符串首次出现的位置 |
charAt(index) | 返回指定位置的字符串 |
toLowerCase() | 把字符串转换位小写 |
toUpperCase() | 转换位大写 |
substring(index1,index2) | 返回index1和index2之间的字符串,包括index1对应的字符,不包括index2对应的字 符 |
split(str) | 将字符串分割为字符串数 组 |
更多的方法见:w3school.com
9.数组:
9.1创建数组:
语法: var 数组名称=new Array(size);
9.2为数组元素赋值
语法: var fruit=new Array("apple","orange","peach");
也可以:var fruit=["apple","orange","peach"];
也可以:
var fruit=new Array(3);
fruit[0]="apple";
fruit[1]="orange";
fruit[2]="peach";
9.3数组的常用属性和方法:
类别 | 名称 | 描述 |
属性 | length() | 设置或返回数组中元素的数目 |
方法 | join() | 把数组的所有元素放入一个字符串,通过一个分隔符进行分离 |
sort() | 对数组排序 | |
push() | 向数组末尾添加一个或多个元素,并返回新的长度 |
10.运算符号:
与Java一样,多了个“===”,“!==”
“===”表示恒等,==用于一般比较,===用于比较严格的比较
==在比较时,可以转换数据类型,而===只要数据类型不匹配就返回false;
例如:"1"==true返回true,而“1”===true返回false;
11.switch与Java不同的是:
JavaScript中switch语句可以用于字符串
12.for in 循环:
例如:
var fruit=["apple","orange","peach"];
for(var i in fruit)
document.write(fruit[i]+"<br/>");
13.常用的输入和输出:
1.警号:
alert(“提示信息");
2.提示:
prompt("提示信息”,“输入框的默认信息”);
例如:
var color=prompt("请输入你喜欢的颜色”,“”);
如果用户点击取消按钮关闭对话框,则该方法将返回null;
如果单击确定,则返回一个字符串型数据;
14.函数:
14.1 javascript提供了两种把非数字的原始值转换成数字的函数,即parseInt()和parseFloat();
另外isNaN()检查是否是非数字的函数;
parseInt() 解析一个字符串,返回整数
解析时,当第一个位置上不是一个有效数字,则返回NaN;
var num1=parseInt("78.89"); // 返回值是78
var num2=parseInt("19color") ; //返回19
var num3=parseInt("this19"); //返回NaN
parseFloat();
解析字符串,返回浮点数
与parseInt()类似,但如果这个字符串包含2个以上小数点,则第二个小数点被看作无效
例如:
var num1=parseFloat("46.23.23"); 返回46.23;
var num2=parseFloat("76color"); 返回76;
var num3=parseFloat("color21"); 返回NaN;
14.2自定义函数
定义函数:
语法:function 函数名(参数1,2,3.。。);{
//javaScript语句;
return 返回值;
}
调用函数:
语法:
事件名=“函数名()”;
15.事件
常见事件:
名称 | 说明 |
onload | 一个页面或一个图像完成加载 |
onlick | 鼠标单击某个对象 |
onmouseover | 鼠标指导移到某元素上 |
onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |