JavaScript（1）开篇

JavaScript 简介

JavaScript：写入 HTML 输出

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

提示：您只能在 HTML 输出<script></script>中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件：<script src="javascript.js"></script>

如果外部文件中的中文在网页中显示是乱码，那么：<script src="javascript.js" charset="UTF-8"></script>

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：

<button onclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>

JavaScript：对事件作出反应

<button type="button" onclick="alert('Welcome!')">点击这里</button>

alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。

onclick 事件只是您即将在本教程中学到的众多事件之一。

JavaScript：改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容

经常会看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。

DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。

JavaScript：改变 HTML 图像

可以动态地改变 HTML <image> 的来源 (src)：

JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。

JavaScript：改变 HTML 样式

改变 HTML 元素的样式，属于改变 HTML 属性的变种。

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

JavaScript：验证输入

JavaScript 常用于验证用户的输入。

if isNaN(x) {alert("Not Numeric")};

分号 ;

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

提示：也可能有不带分号的案例。在 JavaScript 中，用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。浏览器会按照编写顺序来执行每条语句。

JavaScript 对大小写敏感。

JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。