- 搜索
日期：2025/04/02 17:05来源：未知 人气：57
JavaScript 是世界上最流行的编程语言。
这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
下面是您将在本教程中学到的主要内容。
document.write("
This is a paragraph
");提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是您即将在本教程中学到的众多事件之一。
使用 JavaScript 来处理 HTML 内容是非常强大的功能。
x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容
您会经常看到 document.getElementByID("some id ")。这个方法是 HTML DOM 中定义的。
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。
您将在本教程的多个章节中学到有关 HTML DOM 的知识。
本例会动态地改变 HTML
The Light bulb
点击灯泡就可以打开或关闭这盏灯
JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。
改变 HTML 元素的样式，属于改变 HTML 属性的变种。
x=document.getElementById("demo") //找到元素x.style.color="#ff0000"; //改变样式
JavaScript 常用于验证用户的输入。
if isNaN(x) {alert("Not Numeric")};
提示：JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
JavaScript 通常用于操作 HTML 元素。
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素：
通过指定的 id 来访问 HTML 元素，并改变其内容：
<!DOCTYPE html>
My First Paragraph
JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "My First JavaScript"。
下面的例子直接把
元素写到 HTML 文档输出中：
<!DOCTYPE html>
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
<!DOCTYPE html>
My First Paragraph.
提示：微软支持通过 JavaScript 创建 Windows 8 app。
对于因特网和视窗操作系统，JavaScript 都意味着未来。
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World"：
document.getElementById("demo").innerHTML="Hello World";
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
提示：您也可能看到不带有分号的案例。
在 JavaScript 中，用分号来结束语句是可选的。
JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
本例将操作两个 HTML 元素：
document.getElementById("demo").innerHTML="Hello World";document.getElementById("myDIV").innerHTML="How are you?";
JavaScript 语句通过代码块的形式进行组合。
块由左花括号开始，由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个 HTML 元素的函数：
function myFunction(){document.getElementById("demo").innerHTML="Hello World";document.getElementById("myDIV").innerHTML="How are you?";}
您将在稍后的章节学到更多有关函数的知识。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样，变量 myVariable 与 MyVariable 也是不同的。
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：
var name="Hello";var name = "Hello";
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：
document.write("Hello \World!");
不过，您不能像这样折行：
document.write ("Hello World!");
提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。JavaScript 注释
JavaScript 注释可用于提高代码的可读性。
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。
单行注释以 // 开头。
下面的例子使用单行注释来解释代码：
// 输出标题：document.getElementById("myH1").innerHTML="Welcome to my Homepage";// 输出段落：document.getElementById("myP").innerHTML="This is my first paragraph.";
多行注释以 /开始，以 / 结尾。
下面的例子使用多行注释来解释代码：
/下面的这些代码会输出一个标题和一个段落并将代表主页的开始/document.getElementById("myH1").innerHTML="Welcome to my Homepage";document.getElementById("myP").innerHTML="This is my first paragraph.";
在下面的例子中，注释用于阻止其中一条代码行的执行（可用于调试）：
//document.getElementById("myH1").innerHTML="Welcome to my Homepage";document.getElementById("myP").innerHTML="This is my first paragraph.";
在下面的例子中，注释用于阻止代码块的执行（可用于调试）：
/document.getElementById("myH1").innerHTML="Welcome to my Homepage";document.getElementById("myP").innerHTML="This is my first paragraph.";/
在下面的例子中，我们把注释放到代码行的结尾处：
var x=5; // 声明 x 并把 5 赋值给它var y=x+2; // 声明 y 并把 x+2 赋值给它
变量是存储信息的容器。
var x=2;var y=3;var z=x+y;
x=2y=3z=x+y
在代数中，我们使用字母（比如 x）来保存值（比如 2）。
通过上面的表达式 z=x+y，我们能够计算出 z 的值为 5。
在 JavaScript 中，这些字母被称为变量。
提示：您可以把变量看做存储数据的容器。
与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。
变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。
提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。
JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。
在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。
JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。
当您向变量分配文本值时，应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。
var pi=3.14;var name="Bill Gates";var answer='Yes I am!';
在 JavaScript 中创建变量通常称为“声明”变量。
我们使用 var 关键词来声明变量：
var carname;
变量声明之后，该变量是空的（它没有值）。
如需向变量赋值，请使用等号：
carname="Volvo";
不过，您也可以在声明变量时对其赋值：
var carname="Volvo";
在下面的例子中，我们创建了名为 carname 的变量，并向其赋值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：
var carname="Volvo";document.getElementById("demo").innerHTML=carname; 提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。 # 一条语句，多个变量 您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可： var name="Gates", age=56, job="CEO"; 声明也可横跨多行： var name="Gates",age=56,job="CEO"; # Value = undefined 在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。 在执行过以下语句后，变量 carname 的值将是 undefined： var carname; # 重新声明 JavaScript 变量 如果重新声明 JavaScript 变量，该变量的值不会丢失： 在以下两条语句执行后，变量 carname 的值依然是 "Volvo"： var carname="Volvo";var carname; # JavaScript 算数 您可以通过 JavaScript 变量来做算数，使用的是 = 和 + 这类运算符： # 例子 y=5;x=y+2; 您将在本教程稍后的章节学到更多有关 JavaScript 运算符的知识。 # JavaScript 数据类型 **字符串、数字、布尔、数组、对象、Null、Undefined** # JavaScript 拥有动态类型 JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型： # 实例 var x // x 为 undefinedvar x = 6; // x 为数字var x = "Bill"; // x 为字符串 # JavaScript 字符串 字符串是存储字符（比如 "Bill Gates"）的变量。 字符串可以是引号中的任意文本。您可以使用单引号或双引号： # 实例 var carname="Bill Gates";var carname='Bill Gates'; 您可以在字符串中使用引号，只要不匹配包围字符串的引号即可： # 实例 var answer="Nice to meet you!";var answer="He is called 'Bill'";var answer='He is called "Bill"'; 您将在本教程的高级部分学到更多关于字符串的知识。 # JavaScript 数字 JavaScript 只有一种数字类型。数字可以带小数点，也可以不带： # 实例 var x1=34.00; //使用小数点来写var x2=34; //不使用小数点来写 极大或极小的数字可以通过科学（指数）计数法来书写： # 实例 var y=123e5; // 12300000var z=123e-5; // 0.00123 您将在本教程的高级部分学到更多关于数字的知识。 # JavaScript 布尔 布尔（逻辑）只能有两个值：true 或 false。 var x=truevar y=false 布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。 # JavaScript 数组 下面的代码创建名为 cars 的数组： var cars=new Array();cars[0]="Audi";cars[1]="BMW";cars[2]="Volvo"; 或者 (condensed array): var cars=new Array("Audi","BMW","Volvo"); 或者 (literal array): # 实例 var cars=["Audi","BMW","Volvo"]; 数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。 您将在本教程稍后的章节中学到更多关于数组的知识。 # JavaScript 对象 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔： var person={firstname:"Bill", lastname:"Gates", id:5566}; 上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。 空格和折行无关紧要。声明可横跨多行： var person={firstname : "Bill",lastname : "Gates",id : 5566}; 对象属性有两种寻址方式： # 实例 name=person.lastname;name=person["lastname"]; 您将在本教程稍后的章节中学到更多关于对象的知识。 # Undefined 和 Null Undefined 这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。 # 实例 cars=null;person=null; # 声明变量类型 当您声明新变量时，可以使用关键词 "new" 来声明其类型： var carname=new String;var x= new Number;var y= new Boolean;var cars= new Array;var person= new Object; JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。 我建了一个前端学习群，有兴趣学习的同学可以关注我：前端学习交流 - 知乎 举报/反馈
