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(一个制定标准的组织)采纳。