JavaScript简介

JavaScript是一门WEB的编程语言，几乎现代所有的 HTML 页面都使用 JavaScript。听说JavaScript 非常容易学，所以现在开始零基础学习JavaScript ：avaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是一门脚本语言，是可以插入html的编程代码，

下面是一个简单的JS实例：

 1 <html>
 2 <head>
 3 <script>
 4 function displayDate()
 5 {
 6 document.getElementById("demo").innerHTML=Date();
 7 }
 8 </script>
 9 </head>
10 <body>
11 <h1>我的第一个 JavaScript 程序</h1>
12 <p id="demo">这是一个段落</p>
13 <button type="button" onclick="displayDate()">显示日期</button>
14 </body>
15 </html> 
16

JavaScript可以直接写入HTML输出流：

 1 <html>
 2 <body>
 3 <p>
 4 JavaScript 能够直接写入 HTML 输出流中：
 5 </p>
 6 <script>
 7 document.write("<h1>这是一个标题</h1>");
 8 document.write("<p>这是一个段落。</p>");
 9 </script>
10 <p>
11 您只能在 HTML 输出流中使用 <strong>document.write</strong>。
12 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
13 </p>
14 </body>
15 </html>
注意：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

javascript对事件的反应：可以对button或者submit等事件作出反应

1 <html>
2 <body>
3 <h1>我的第一个 JavaScript</h1>
4 <p>
5 JavaScript 能够对事件作出反应。比如对按钮的点击：
6 </p>
7 <button type="button" onclick="alert('欢迎!')">点我!</button>
8 </body>
9 </html> 
注意：其实alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。

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

 1 <html>
 2 <body>
 3 <h1>我的第一段 JavaScript</h1>
 4 <p id="demo">
 5 JavaScript 能改变 HTML 元素的内容。
 6 </p>
 7 <script>
 8 function myFunction()
 9 {
10 x=document.getElementById("demo");  // 找到元素
11 x.innerHTML="Hello JavaScript!";    // 改变内容
12 }
13 </script>
14 <button type="button" onclick="myFunction()">点击这里</button>
15 </body>
16 </html>

您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。

 1 <html>
 2 <body>
 3 <script>
 4 function changeImage()
 5 {
 6 element=document.getElementById('myimage')
 7 if (element.src.match("bulbon"))
 8   {
 9   element.src="/images/pic_bulboff.gif";
10   }
11 else
12   {
13   element.src="/images/pic_bulbon.gif";
14   }
15 }
16 </script>
17 <img id="myimage" onclick="changeImage()"
18 src="/images/pic_bulboff.gif" width="100" height="180">
19 <p>点击灯泡就可以打开或关闭这盏灯</p>
20 </body>
21 </html>

JavaScript改变HTM的样式：

 1 <html>
 2 <body>
 3 <h1>我的第一段 JavaScript</h1>
 4 <p id="demo">
 5 JavaScript 能改变 HTML 元素的样式。
 6 </p>
 7 <script>
 8 function myFunction()
 9 {
10 x=document.getElementById("demo") // 找到元素
11 x.style.color="#ff0000";          // 改变样式
12 }
13 </script>
14 <button type="button" onclick="myFunction()">点击这里</button>
15 </body>
16 </html>

JavaScript用于验证输入：

 1 <input id="demo" type="text">
 2 
 3 <script>
 4 function myFunction()
 5 {
 6 var x=document.getElementById("demo").value;
 7 if(x==""||isNaN(x))
 8     {
 9     alert("不是数字");
10     }
11 else
12 {
13 alert("you are right");
14 }
15 }
16 </script>
17 <button type="button" onclick="myFunction()">点击这里</button>

注意：

JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。