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(一个标准协会)采纳。