JavaScript
JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。
- JavaScript被设计用来向HTML页面添加交互行为。
- JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
- JavaScript由数行可执行计算机代码组成。JavaScript由数行可执行计算机代码组成。
- JavaScript通常直接被嵌入HTML页面。JavaScript通常直接被嵌入HTML页面。
- JavaScript是一种解释性语言(就是说,代码执行不进行预编译)JavaScript是一种解释性语言(就是说,代码执行不进行预编译)
JavaScript组成:ECMAScript(核心,语法,语句)、DOM(文档对象模型Document Object Model,操作文档中的内容和元素)、BOM(浏览器对象模型)
JavaScript的引入
- 事件定义式:在定义事件时直接书写js
<input type="button" value="按钮1" onclick=";"/>单击事件
<input type="button" value="按钮2" ondblclick=";"/>双击事件
- 内嵌式:在HTML文档中,通过
<script>
标签引用,此标签可写在网页任意位置
<script type="text/javascript"> //此处为js代码 </script>
- 外联式:在HTML文档中,通过
<script src="">
标签引入js文件
<script src="1.js" type="text/javascript" charset="utf-8"></script>
语法
一、变量
使用js,命名规范:
1.必须以字母或下划线开头,中间可以是数字、字符或者下划线
2.变量名不能包含空格等符号
3.不能使用js关键字作为变量名,例如:function
4.js严格区分大小写
变量声明:var 变量名;//JavaScript变量可以不声明,直接使用。默认值:undefined
变量的赋值:var 变量名=值; //JavaScript变量是弱类型,即同一个变量可以存放不同类型的数据。
二、数据类型
- 基本类型:
1.Undefined,只有一个类型,当声明的变量未初始化时,该变量的默认值为undefined
2.Null,只有一个专用值,null,表示空,一个占位符,ECMAScript将undefined和null定义为相等的。
3.Boolean,有两个值true和false
alter(null=undefined);//输出“true”,尽管这两个的值相等,但他们的含义不同。
4.Number,表示任意数字。
5.String,字符串由双引号(")或单引号(’)声明的。
JavaScript没有字符类型。
对变量或值调用typeof运算符将返回下列值之一:
undefined(变量是Undefined类型)、boolean(变量是Boolean类型)、number(变量是Number类型)、string(变量是String类型)、object(变量是一种引用类型或者Null类型) - 引用类型:
引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象。
JavaScript是基于对象而不是面向对象。对象类型的默认值是null。
JavaScript提供众多预定义引用类型(内置对象)。
三、运算符
- 算术运算符:
+
(加)-
(减)*
(乘)/
(除)%
(求余数,保留整数)++
(累加)--
(递减) - 赋值运算符:
=
,+=
,-=
,*=
,/=
,%=
- 比较运算符:
==
(等于)===
(全等,值和类型)!=
(不等于)>
(大于)<
(小于)>=
(大于或等于)<=
(小于或等于) - 逻辑运算符:
&&
(and)||
(or)!
(not)
四、基本操作
alert()
:向页面中弹出一个提示框!
innerHTML
:向页面某个元素中写一段内容,将原有的东西覆盖
document.write()
:向页面中写内容
JS中正则匹配的方式:
1.使用String对象中的match方法
2.使用正则中的test方法
例:
function check(){
var email = document.getElementById("emailId").value;
if(! /^([0-9a-zA-Z_-])+@([0-9a-zA-Z_-])+(\.[0-9a-zA-Z]+)$/.test(email)){
alert(“邮箱格式不正确”);
document.getElementById("emailId").focus();//提示信息之后获得焦点
return false;
}
return turn;
}
JS中函数编写方法:
函数:实现一定功能的代码块,类似与Java中的方法。关键字function,函数名自定义。
<script type="text/javascript">
//声明函数
function demo01(){
alert(“案例1”);
}
demo01();//调用函数
//方式2:声明匿名函数
var demo02 = function(){
alert(“案例2”);
}
demo02();//调用函数
</script>