变量是用于存储信息的"容器"
var x=5;
规则:
1 变量必须以字母开头
2 变量以$和_符号开头。
3 变量名称对大小写敏感。
一条语句,多个变量
var lastname="sun",age=30,job="capenter";
注意:一条语句中声明的多个不可以赋同一个值:
var x,y,z=1;
x,y为undefined,z=1。
Value = undefined 在计算机程序中,经常会声明无值的变量。未使用值
来声明的变量,其值实际是undefined. 如下:
var carname; 为undefined;
重新声明JavaScript变量,该变量的值不会丢失。
var carname="Volvo";
var carname;
理解对象:
JavaScript支持三种类型的对象:
1 JavaScript语言中的内置对象 如Date,Array,String,Math;
2 文档对象模型(DOM) 这个对象表示了浏览器的多个组件和当前的HTML文档。
3 自定义对象,这是自己创建的对象。如创建要给人的对象。
JavaScript的事件处理程序是类似的,它们告诉浏览器当一个特定事件发生时应该做什么。
事件处理程序是JavaScript中非常有用的部分。每个事件处理程序与一个特定的浏览器对象
相关联,可以定义对象的标签中指定事件处理程序。例如:onMouseOver.
最新运行那个脚本
逻辑形式如下:
1 在HTML文档中,先执行<head>内一组<script>标签,无论该内容是嵌入代码或是指向
一个JavaScript文件。因为这些脚本不能在Web页面上建立输出,所以在这个位置
定义以后使用较合适。
2 在HTML文档中,随后会执行<body>之内的一组<script>标签,同时Web页面下载并显示它。
如果<body>之内有多个脚本,则按照先后顺序执行。
函数: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试实例</title>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点我</button>
</body>
</html>
注意:
JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数
调用带参数的函数
由逗号 (,) 分隔:
myFunction(argument1,argument2)
function myFunction(var1,var2)
{
代码
}
带有返回值的函数
function myFunction()
{
var x=5;
return x;
}
注意: 整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。
函数调用将被返回值取代:
var myVar=myFunction();
您也可以使用返回值:
document.getElementById("demo").innerHTML=myFunction();
您可以使返回值基于传递到函数中的参数:
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
"demo" 元素的 innerHTML 将是:
12
函数所带来的作用域问题
在函数内部声明的变量(局部变量),在函数外部并不能访问
function demo() {
var a="外面不能访问我!";
}
//alert(a);//出错,没有声明变量a
demo();//执行函数
alert(a);//仍然出错
但在函数外部声明的变量(全局变量),在函数内部是可以访问的
function demo() {
//在一个脚本中,使用function关键字声明的具有名称的函数在脚本中出现的次序是任意的,并不存在先后之分
alert(globalVar);
}
//demo();//出错,执行时变量globalVar还没有声明
var globalVar="Hello!";
demo();//输出Hello!