JavaScript用法
可以在 HTML 文档中放入不限数量的脚本,可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。HTML 中的脚本必须位于 <script> 与 </script> 标签之间。通常的做法是把函数放入 <head> 部分中,或者放在页面底部
JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言,所以现在已经不必 <script> 标签中使用 type="text/javascript"。
也可以把脚本保存到外部文件中,。外部文件(.js)通常包含被多个网页使用的代码。 <script> 标签的 "src" 属性中设置该 .js 文件
JavaScript输出
JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框:window.alert(5 + 6);
- 使用 document.write() 方法将内容写到 HTML 文档中。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
- 使用 innerHTML 写入到 HTML 元素。用于修改元素的 HTML 内容,document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript
- 使用 console.log() 写入到浏览器的控制台。浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。可以使用 console.log() 方法在浏览器中显示 JavaScript 值。程序中调试是测试,查找及减少bug(错误)的过程。
JavaScript 字面量——固定值
- 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
- 字符串(String)字面量 可以使用单引号或双引号
- 表达式字面量 用于计算
- 数组(Array)字面量 定义一个数组
- 对象(Object)字面量 定义一个对象
- 函数(Function)字面量 定义一个函数
JavaScript 变量及作用域
JavaScript 使用关键字 var 来声明定义变量(不是必须的), 使用等号来为变量赋值,然后通过变量名访问。变量通常是可变的,是一个名称。字面量是一个恒定的值。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头
- 变量名称对大小写敏感
- 未赋值声明的变量,值是 undefined
- JavaScript也使用驼峰命名规则,如 lastName (而不是lastname)。
1. 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。只要函数运行完毕,本地变量就会被删除。函数参数只在函数内起作用,是局部变量。
2. 在函数外声明的变量和在函数内没有声明(没有使用 var 关键字)的变量是全局变量,,网页上的所有脚本和函数都能访问它。
3. JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。
4. 未声明的变量将被自动作为 window 的一个属性。非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,才可以删除。
5. 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。
6. 在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。全局变量,或者函数,可以覆盖 window 对象的变量或者函数。局部变量,包括 window 对象可以覆盖全局变量和函数。
JavaScript 操作符
JavaScript语言有多种类型的运算符:
类型 | 实例 | 描述 |
---|---|---|
赋值,算术和位运算符 | = + - * / % ++ -- | 其中/为除法(非整除) + 运算符也可用于把文本值或字符串变量连接起来。数字与字符串相加,返回字符串 |
条件,比较及逻辑运算符 | == != < > === !== | ===绝对等于(值和类型均相等),!== 不绝对等于(值和类型有一个不相等,或两个都不相等) |
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符:
条件表达式A?表达式B:表达式C复制代码
如果条件表达式A成立,那么执行表达式B,否则执行表达式C。
JavaScript 语句
JavaScript 语句是发给浏览器的命令(告诉浏览器要做的事情。)。语句是用分号分隔,使用分号的另一用处是在一行中编写多条语句。下表列出了 JavaScript 语句标识符 (保留字) :
语句 | 描述 |
---|---|
break | 用于跳出循环。 |
catch | 语句块,在 try 语句块执行出错时执行 catch 语句块。 |
continue | 跳过循环中的一个迭代。 |
do ... while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。do { 需要执行的代码 } while (条件); |
for | 在条件语句为 true 时,可以将代码块执行指定的次数。for (初始;循环开始前执行; 运行循环体的条件; 循环体执行后执行) { 被执行的代码块 } |
for ... in | 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。for (x in array){ 循环体 } |
function | 定义一个函数 |
if ... else | 用于基于不同的条件来执行不同的动作。if (condition1)
{
当条件 1 为 true 时执行的代码 } else if ( condition2 ) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 } |
return | 退出函数 |
switch | 用于基于不同的条件来执行不同的动作。switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码 } |
throw | 抛出(生成)错误 。 |
try | 实现错误处理,与 catch 一同使用。 |
var | 声明一个变量。 |
while | 指定条件为真时循环执行代码块。while (条件) { 需要执行的代码 } |
文本字符串中可以使用反斜杠对代码行进行换行。
可以对 JavaScript 语句进行标记,如果需标记 JavaScript 语句,请在语句之前加上冒号。
通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[1] + "<br>");
break list;
document.write(cars[1] + "<br>");
}复制代码