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 οnclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>
JavaScript:对事件作出反应
<button type="button" οnclick="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 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。