JavaScript

2016-09-16  本文已影响19人  逍遥叹6

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

条件语句
  1. if (条件) {
    只有当条件为 true 时执行的代码
    }
  2. if (条件) {
    当条件为 true 时执行的代码
    } else {
    当条件不为 true 时执行的代码
    }
  3. if (条件 1) {
    当条件 1 为 true 时执行的代码
    } else if (条件 2) {
    当条件 2 为 true 时执行的代码
    } else {
    当条件 1 和 条件 2 都不为 true 时执行的代码
    }
  4. switch(n){
    case 1 : 执行代码块 1
    break;
    case 2 : 执行代码块 2
    break;
    default : n 与 case 1 和 case 2 不同时执行的代码
    }
循环语句

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>

上一篇下一篇

猜你喜欢

热点阅读