JavaScript初探
JavaScript是一门轻量级,解释型的程序设计语言,它是最为出名的网页脚本语言。
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
JavaScript语句向id=”demo”的HTML元素输出文本”Hello World”
document.getElementById("demo").innerHTML="hello World";
JavaScript的点击事件
<button type="button" onclick="myFunction()">Try it</button>
JavaScript语句对大小写敏感,所以要区分大小写。会忽略多余的空格。
JavaScript单行注释用//,多行注释用/* */
JavaScript中变量可看作存储数据的容器。变量必须以字母开头,也能以$和_开头(但不推荐使用),变量名称对大小写敏感 。
JavaScript声明变量用var关键词:var name=”Tom”; 当声明的无值的变量时,其值实际是undefined;当重新声明变量时,该变量的值不会丢失。字符串可以使用单引号或者双引号,在函数外声明的变量时全局变量(网页中所有的脚本和函数都能访问它),在函数内部声明的变量时局部变量,局部变量在函数运行后就被删除,全局变量会在网页关闭的时候才被删除。当你赋值给一个未声明的变量时,该变量将被自动作为全局变量声明。我们可以使用let来声明块范围的局部变量。用const声明一个只读的有名字的常量,它必须被初始化为某个值,它不可通过赋值改变其值。
JavaScript只有一种数字类型,数字可以带小数点,也可不带。
数组的创建:
var name=new Array();name[0]="Tom";name[1]="Jerry";
对象是由花括号分隔,括号内对象的名称和值以键值对的形式定义
var person={name:"Tom",age:25};
取出对象属性的值::
var name=person.name;
var name=person["name"]
JavaScript的对象就是拥有属性和方法的数据。了解过java对象的就不难理解。
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript的函数声明使用关键字function,必须要小写。
function functionName()
{
要执行的代码块
}
带有返回值的函数通过return来实现。
function myFunction()
{
var x=10;
return x;
}
JavaScript**运算符**
算术运算符
+ 加
- 减
* 乘
/ 除
% 取余
++ 累加
-- 递减
赋值运算符
= 赋值
+= -= *= /= %=
比较运算符
== 等于
===全等
!=不等
>大于
<小于
>=大于等于
<=小于等于
逻辑运算符
&& and 且
|| or 或
! not 非
JavaScript 中条件语句:
if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
if…else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
if…else if….else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行
Switch语句
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}
for循环
for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
for/in循环遍历对象的属性
var person={name:"Tom",age:25}
for(x in person){
person[x];
}
while循环
while (条件)
{
需要执行的代
}
do/while循环
do
{
需要执行的代码
}
while (条件);
JavaScript的数据验证
必填验证
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
邮箱验证
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}