JavaScript 簡介LOGIN

JavaScript 簡介

JavaScript  簡介

JavaScript 是 Web 的程式語言。 所有現代的 HTML 頁面都使用 JavaScript。


JavaScript 是網路上最受歡迎的腳本語言,這門語言可用於HTML 和web,更可廣泛用於伺服器、PC、筆記型電腦、平板電腦和智慧型手機等設備。


JavaScript 是腳本語言

#JavaScript 是一種輕量級的程式語言。

JavaScript 是可插入 HTML 頁面的程式碼。

JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。

JavaScript 很容易學習。


實例

我們來看一個透過JavaScript 實作的一個開燈和關燈的程式

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
</head>
<body>
<script>
 function changeImage()
 {
 element=document.getElementById('myimage')
 if (element.src.match("580d64d73ed01442"))
 {
 element.src="/upload/course/000/000/006/580d64a8c09d6449.gif";
 }
 else
 {
 element.src="/upload/course/000/000/006/580d64d73ed01442.gif";
 }
 }
</script>
<img id="myimage" onclick="changeImage()"
 src="/upload/course/000/000/006/580d64a8c09d6449.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>

執行程式嘗試一下



#下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("580d64d73ed01442")) { element.src="https://img.php.cn/upload/course/000/000/006/580d64a8c09d6449.gif"; } else { element.src="https://img.php.cn/upload/course/000/000/006/580d64d73ed01442.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="https://img.php.cn/upload/course/000/000/006/580d64a8c09d6449.gif" width="100" height="180"> <p>点击灯泡就可以打开或关闭这盏灯</p> </body> </html>
章節課件