JavaScript：写入 HTML 输出

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

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

JavaScript：对事件作出反应

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

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

JavaScript：改变 HTML 内容

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

JavaScript：改变 HTML 图像

<body>
    <script type="text/javascript">
        function changeImage () {
            element = document.getElementById("myImage");
        if (element.src.match("bulbon")) {
            element.src="img/eg_bulboff.gif";
        } else{
            element.src="img/eg_bulbon.gif";
        }
        }
    </script>
    <img id="myImage" onclick="changeImage()" src="img/eg_bulboff.gif" />
</body>

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

JavaScript：改变 HTML 样式

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

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

<input id="demo" type="text">
    <script type="text/javascript">
        function myFunction () {
            var x = document.getElementById("demo").value;
            if(x==""||isNaN(x)){
                alert("不是数字");
            }
        }
    </script>

JavaScript使用

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

您可以在 HTML 文档中放入不限数量的脚本。

脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

** <head> 中的 JavaScript 函数**

** <body>中的 JavaScript 函数**

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

<script src="myScript.js"></script>

JavaScript输出

1、操作HTML元素

document.getElementById("demo").innerHTML="My First JavaScript";

2、直接写到文档输出

document.write("<p>My First JavaScript</p>");

使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

JavaScript语句

JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。
JavaScript 对大小写敏感
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。
对代码行进行折行，可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：
```
  document.write("Hello \
  World!");
```

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

JavaScript 简介

JavaScript 简介

JavaScript使用

JavaScript输出

JavaScript语句

推荐阅读更多精彩内容