JS = JavaScript
他是一种轻量级别的编程语言
可插入HTML的页面代码
插入HTML页面后,可由所有的现在浏览器执行
输出语句: document.writie();
声明变量: var eg:var a;
赋值: = eg:a = 1;
Js的数据类型: 字符串 数字 布尔值 数组 对象 null undefined
字符串: var x = “Bill”;
数字: var x = 5;
布尔值: var x = true;
数组: var x = new Array();
x[0] = “Music”;
x[1] = “BMW”;
x[2] = “Hello”;
或者: var cars=new Array("Audi","BMW","Volvo");
var cars=["Audi","BMW","Volvo"];
对象:var person={firstname:"Bill", lastname:"Gates", id:5566};
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式,例如:name=person.lastname;
name=person["lastname"];
eg: <script>
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />");
</script>
Undefined 这个值表示变量不含有值。
Null表示变量值设置为null
当声明新的变量时,可以使用关键字”new”来声明它的类型,例如:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JS对象
JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。
属性与方法
属性是与对象相关的值。
方法是能够在对象上执行的动作。
创建对象,例如:
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
这里person是对象,firstname、lastname、age、eyecolor是属性,等号右边是属性的值
如何访问对象?
语法:objectName.methodName()
函数:
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。关键词:function
语法:function functionname()
{
//这里是要执行的代码
}
注意,function必须是小写,如果onclick=“方法名”,那么function 方法名()两个必须对应。
调用带参数的函数
在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。还可以发送任意多的参数,由逗号 (,) 分隔:myFunction(argument1,argument2)
声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2){ }
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。例如:
<button onclick="myFunction(‘Bil‘)">点击这里</button>
<script>
function myFunction(name)
{
alert(name);
}
</script>
JavaScript 提供多个内建对象,比如 String、Date、Array 等等。
访问对象的属性,语法:
objectName.propertyName
访问对象的方法
方法是能够在对象上执行的动作,通过以下语法来调用方法:
objectName.methodName()
创建新对象有两种不同的方法:
1定义并创建对象的实例
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
2使用函数来定义对象,然后创建新的对象实例
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}