javascrip菜鸟

JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是**脚本语**言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

 
 
菜鸟教程(runoob.com) 


	
我的第一段 JavaScript

JavaScript 能改变 HTML 元素的样式。


function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}

点击这里
	

在 或者 的JavaScript

您可以在 HTML 文档中放入不限数量的脚本。

脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。

通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

外部的 JavaScript

 
 
菜鸟教程(runoob.com) 


	
我的 Web 页面
一个段落。
点击这里
注释：myFunction 保存在名为 "myScript.js" 的外部文件中。

	

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。

JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16; // Number 通过数字字面量赋值 var points = x * 10; // Number 通过表达式字面量赋值 var lastName = “Johnson”; // String 通过字符串字面量赋值 var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通过数组字面量赋值 var person = {firstName:“John”, lastName:“Doe”}; // Object 通过对象字面量赋值

JavaScript 字母大小写

JavaScript 对大小写是敏感的。 当编写 JavaScript 语句时，请留意是否关闭大小写切换键。 函数 getElementById 与 getElementbyID 是不同的。 同样，变量 myVariable 与 MyVariable 也是不同的。

分号 ; 分号用于分隔 JavaScript 语句。 通常我们在每条可执行的语句结尾添加分号。 使用分号的另一用处是在一行中编写多条语句。 **

JavaScript 代码块

** JavaScript 可以分批地组合起来。

代码块以左花括号开始，以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落：

实例 function myFunction() { document.getElementById(“demo”).innerHTML=“你好Dolly”; document.getElementById(“myDIV”).innerHTML=“你最近怎么样?”; }

JavaScript 语句标识符 (关键字) ：

语句 描述 break 用于跳出循环。 catch 语句块，在 try 语句块执行出错时执行 catch 语句块。 continue 跳过循环中的一个迭代。 do … while 执行一个语句块，在条件语句为 true 时继续执行该语句块。 for 在条件语句为 true 时，可以将代码块执行指定的次数。 for … in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 function 定义一个函数 if … else 用于基于不同的条件来执行不同的动作。 return 退出函数 switch 用于基于不同的条件来执行不同的动作。 throw 抛出（生成）错误 。 try 实现错误处理，与 catch 一同使用。 var 声明一个变量。

while 当条件语句为 true 时，执行语句块。

JavaScript 变量

与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。 变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

变量必须以字母开头 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做） 变量名称对大小写敏感（y 和 Y 是不同的变量）

重新声明 JavaScript 变量 如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：

var carname=“Volvo”; var carname;

JavaScript 数组

下面的代码创建名为 cars 的数组：

var cars=new Array(); cars[0]=“Saab”; cars[1]=“Volvo”; cars[2]=“BMW”; 或者 (condensed array):

var cars=new Array(“Saab”,“Volvo”,“BMW”); 或者 (literal array):

实例 var cars=[“Saab”,“Volvo”,“BMW”];

数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。

您将在本教程稍后的章节中学到更多关于数组的知识。

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:“John”, lastname:“Doe”, id:5566}; 上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：

var person={ firstname : “John”, lastname : “Doe”, id : 5566 }; 对象属性有两种寻址方式：

实例 name=person.lastname; name=person[“lastname”];

声明变量类型

当您声明新变量时，可以使用关键词 “new” 来声明其类型：

var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;

定义 JavaScript 对象

可以跨越多行，空格跟换行不是必须的：

实例 var person = { firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue” };

访问对象属性

实例 1 person.lastName;//不添加 (), 它会返回函数的定义

实例 2 person[“lastName”];

js函数

对象里定义函数 函数直接定义

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期 JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

常见的HTML事件

事件 描述 onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload 浏览器已完成页面的加载

js转义字符

’ 单引号 " 双引号 \ 反斜杠 \n 换行 \r 回车 \t tab(制表符) \b 退格符 \f 换页符

字符串方法

方法 描述 charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串，返回连接后的字符串 fromCharCode() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 localeCompare() 用本地特定的顺序来比较两个字符串 match() 找到一个或多个正则表达式的匹配 replace() 替换与正则表达式匹配的子串 search() 检索与正则表达式相匹配的值 slice() 提取字符串的片断，并在新的字符串中返回被提取的部分 split() 把字符串分割为子字符串数组 substr() 从起始索引号提取字符串中指定数目的字符 substring() 提取字符串中两个指定的索引号之间的字符 toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLowerCase() 把字符串转换为小写 toString() 返回字符串对象值 toUpperCase() 把字符串转换为大写 trim() 移除字符串首尾空白 valueOf() 返回某个字符串对象的原始值

=== 绝对等于（值和类型均相等） x===“5” false !== 不绝对等于（值和类型有一个不相等，或两个都不相等）

 
 
菜鸟教程(runoob.com) 



点击按钮检测年龄。
年龄:
是否达到投票年龄?
点击按钮


function myFunction()
{
	var age,voteable;
	age=document.getElementById("age").value;
	voteable=(age