JavaScript
JavaScript 是属于网络的 脚本 语言!可以被用来改进设计、表单验证、创建 cookies , 以及更多的应用 , 是一种轻量级的编程语言 , JavaScript文件的文件扩展名是 .js 。
JavaScript 对大小写敏感 , 如果想提高脚本的可读性,可以为脚本添加空格 , 因为 JavaScript 会忽略多余的空格
script标签 可以被放置在 HTML 网页的<body>和<head>部分中
变量
变量 是存信息的容器, var 来声明变量, 当向变量分配文本值时,应该用双引号或单引号包围这个值。当向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。如:
var pi=3.14; //数字
var x=true; //布尔类型,还有false值
var name="Bill"; //字符串
var answer='Yes, I am!'; //字符串
var answer="He is called 'Bill'";//双引号中包含单引号结果是He is called 'Bill'
var answer='He is called "Bill"';//单引号中包含双引号结果是He is called "Bill"
//数组的三种形式, 下标是基于0的
var cars=new Array("Audi","BMW","Volvo"); //第一种
var cars=new Array(); //第二种
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=["Audi","BMW","Volvo"]; //第三种
//对象是由花括号分隔的
var person = { firstname : "Bill", lastname : "Gates", id : 5566 };
当没有赋值的时候 , 默认的值是undefined , 而null是用来清空变量值的 , 也就是将null赋值给变量
如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明 , 如:
carname="Volvo"; //将声明一个全局变量 carname,即使它在函数内执行。
函数
函数 : 由事件驱动的或者当它被调用时执行的可重复使用的代码块 , 其关键字function , 函数编写如下: ( 可以是无参的 , 也可以是一个或多个参数 )
function functionname(argument1,argument2)
{
这里是要执行的代码;
return 返回值; //该行根据需求,可有可无
}
JavaScript 算术运算符
算术运算符JavaScript 赋值运算符
赋值运算符如果把数字与字符串相加,结果将成为字符串。
JavaScript 比较运算符
比较运算符JavaScript 逻辑运算符
逻辑运算符JavaScript 添加运算符
variablename=(condition)?value1:value2
条件语句
- if (条件) {
只有当条件为 true 时执行的代码
} - if (条件) {
当条件为 true 时执行的代码
} else {
当条件不为 true 时执行的代码
} - if (条件 1) {
当条件 1 为 true 时执行的代码
} else if (条件 2) {
当条件 2 为 true 时执行的代码
} else {
当条件 1 和 条件 2 都不为 true 时执行的代码
} - switch(n){
case 1 : 执行代码块 1
break;
case 2 : 执行代码块 2
break;
default : n 与 case 1 和 case 2 不同时执行的代码
}
循环语句
- for - 循环代码块一定的次数
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "
");
i++;
} - for/in - 循环遍历对象的属性
var person ={ fname: "John", lname: "Doe", age: 25 };
for (x in person)
{
txt=txt + person[x];
} - while - 当指定的条件为 true 时循环指定的代码块
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "
");
i++;
} - do/while - 同样当指定的条件为 true 时循环指定的代码块
do
{
x=x + "The number is " + i + "
";
i++;
}
while (i<5);
break 语句可用于跳出循环。
continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。
错误处理
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
throw 创建或抛出异常(throw exception)
< html>
< head>
//外部脚本
< script src="xxx.js"></script>
// 内部脚本
< script>
function myFunction()
{
//改变 HTML 内容
document.getElementById("demo1").innerHTML="My First JavaScript Function";
}
//输出当前时间
document.write(Date());
//只能在 HTML 输出流中使用 document.write。 如果在文档已加载后使用它(比如在函数中),会覆盖整个文档。
document.write("< h1>This is a heading< /h1>");
//从事件处理器调用一个函数
function changetext(id)
{
id.innerHTML="谢谢!";
}
< /script>
< /head>
< body>
//只能在 HTML 输出流中使用
< strong>document.write< /strong >
< p id="demo1">A Paragraph.< /p>
< p id="demo2">A Paragraph.< /p>
< button type="button" onclick="myFunction()">调用myFunction函数< /button>
< p id="id1">My Heading 1< /p>
< button type="button" onclick="document.getElementById('id1').style.color='red'">修改id1的字体颜色< /button>
< p onclick="changetext(this)">点击,调用changetext函数< /p>
< /body>
</html>