认识JavaScript

JavaScript 是全世界最流行的脚本语言。

JavaScript 被设计用来增加 HTML 页面的交互性。

JavaScript 可以用在 HTML 页面和 Web App 中，更可以广泛地应用在服务器、PC(台式机、笔记本电脑、平板等)、智能手机等设备上。

 

JavaScript 是一种轻量级的编程语言。

JavaScript 可以插入到 HTML 页面里的代码。

JavaScript 插入到 HTML 页面里后，可以被所有的现代浏览器执行。

JavaScript 语法简单，很容易学习！

 

 

—————————————————————————

JavaScript 可以：

 

1.往 HTML 页面输出内容

 

 小例子：

document.write("<h1>海明威说</h1>");
document.write("<p>任何初稿，都是一堆臭狗屎。</p>");

提示：如果你在文档加载完毕后使用 document.write("...") ，会覆盖整个文档。也就是说之前文档的内容都没有了，只剩下“海明威说......”这些字。　

 

2.对 HTML 页面上发生的事件做出反应

 

小例子：

<button type="button" onclick="alert('很高兴见到你:)')">你来啦吖</but ton>

alert("...") 在 JavaScript 中并不常见，但用来测试代码的话，会很方便。

onclick （点击）事件，是你将在本课程中学习到的众多事件之一。

 

3.改变 HTML 页面上元素的内容　　

 

小例子：

var a = document.getElementById("badID"); // 查找元素 
a.innerHTML = "是啊，我应该振作起来\(^o^)/~，多大点屁事"; // 改变内容 

你经常会看到 document.getElementById("someIDName") 被使用。这个方法是在 DOM 中定义的。

DOM 是用来访问 HTML 元素的，它是 W3C 正式的标准。　　　　

　　　　

4.改变 HTML 页面中标签元素的属性

 

下面举一个“拉灯和关灯”的例子。

 

小例子：

<img id="testedLightImg" src="http://w3school.com.cn/i/eg_bulboff.gif" alt="暗灯泡" onclick="toggleLight()">

JavaScript 能够改变 HTML 页面中的元素大多数的属性，并不局限于 <img> 标签元素的 src 属性。　　　　　

 

5.改变 HTML 页面中元素的样式

 

小例子：

var para = document.getElementById("beReadyToChangeTextColorPara"); // 查找元素 
para.style.color = "red";

 

改变 HTML 页面中元素的样式，其实也是属于改变 HTML 页面中元素属性的一种。

 

6.验证表单的输入数据　　

 

小例子：

if (!inputData || isNaN(inputData)) { // 如果没有输入数据或者输入数据不是数字的时候
    alert("你逗我呢，你再试试？"); // 给出再试试的提示 
} 

 

 

—————————————————————————

 

你知道吗？

JavaScript 与 Java 没有半毛钱的关系。

Java （由 Sun 公司发明）是更复杂的编程语言。

ECMA-262 标准是 JavaScript 的官方名称。

JavaScript 由 Brendan Eich 发明。在 1995 年出现在 Netscape 浏览器中（这个浏览器已经停止更新），并在 1997 年被 ECMA（一个制定标准的组织）采纳。