JavaScript简介
JavaScript是世界上最流行的编程语言。广泛应用于HTML、Web,服务器、PC等。JavaScript与Java是两种完全不同的语言,无论是概念上还是设计上。Java(由Sun发明)是跟复杂的编程语言,而JavaScript是由Brendan Eich发明。JavaScript可以实现以下功能:写入HTML输出、对事件作出反应、改变HTML内容、图像和样式、验证输入。
一、JavaScript使用
HTML中的JavaScript脚本必须位于<script>与</script>之间,脚本可以放在HTML页面的<body>和<head>部分中。
<script>
alert("My First JavaScript");
</script>
二、访问 HTML 元素和改变其内容
在JavaScript中,如需访问某个HTML的元素,可以通过document.getElementById(id)方法,如需改变HTML的元素内容,在获得HTML元素前提下,可以通过innerHTML来改变。
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
三、向 HTML 文档书写内容
使用document.write()向文档输出写内容。但是要注意的是如果在文档已经完成加载后执行document.write,整个HTML页面将会被覆盖。
<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
四、JavaScript对大小写敏感
JavaScript对大小写敏感的,函数getElementById与getElementbyID是不同的,同样,变量 myVariable 与 MyVariable 也是不同的。JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
五、创建JavaScript变量
使用关键字 var 来声明变量var carname;可以声明时赋值,也可以声明后赋值,这与java和c++语法差不多,只是JavaScript只有一个声明变量的关键字 var。值得注意的是未使用值来声明的变量,其值实际上是 undefined。JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
六、JavaScript对象
car.name=Fiat car.model=500 car.weight=850kg car.color=white
car.start() car.drive() car.brake()
var person={firstname:"Bill", lastname:"Gates", id:5566};
对象属性有两种寻址方式:
name=person.lastname; name=person["lastname"];
当您像这样声明一个 JavaScript 变量时:
var txt = "Hello";
您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。
访问对象属性的语法:
objectName.propertyName
访问对象方法的语法:
objectName.methodName()
七、JavaScript函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript 函数语法:
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname() { 这里是要执行的代码 }声明调用带参数的函数:
function functionname(var1,var2) { 这里是要执行的代码 }
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
带有返回值的函数:通过使用 return 语句就可以实现。
function myFunction()
{
var x=5;
return x;
}
八、JavaScript运算符
用于字符串的 + 运算符,+ 运算符用于把文本值或字符串变量加起来(连接起来)。对字符串和数字进行加法运算
请看这些例子:
x=5+5; document.write(x); x="5"+"5"; document.write(x); x=5+"5"; document.write(x); x="5"+5; document.write(x);
这个例子的HTML输出是
10
55
55
55
规则是:如果把数字与字符串相加,结果将成为字符串。
九、JavaScript 的if...else、for、do...while、switch。。。
JavaScript中的if...else、for、do...while、switch、break、continue语句的用法基本上和java一样
这里介绍一种for/in循环语法var person={fname:"John",lname:"Doe",age:25};
for (x in
person)
{
txt=txt + person[x];
}
这种for/in循环等价于for循环,只是语法的不同。