JavaScript簡介

JavaScript是什麼?

JavaScript是什麼?

JavaScript是一種小型的、輕量級的、物件導向的、跨平台的客戶端腳本語言。

  • JavaScript是嵌入到瀏覽器軟體當中的去的,只要你的電腦有瀏覽器就可以執行JS程式了。

  • JavaScript是一種物件導向的程式語言。

  •  在程式中,物件是由「屬性」和「方法」所構成。

  • 在現實中,男女朋友就是一個「物件」。 「東西」就是「對象」。一個「物體」就是「對象」。

  • 「物件」有各種各樣的特徵(屬性),如:姓名、身高、體重、年齡等。

  • 「物件」有很多方法。 「人」這個對象,可以幹嘛?或「人的行為」。如:去上班、去爬山、去旅行等。

           注意:JS中的物件只要會用就可以了,不需要我們自己去開發物件。

  • 跨平台:JS程式可以在多種平台下運行,如:windows、linux、mac、IOS等。

  • 客戶端腳本程式:JS只能在客戶端的瀏覽器來運行,不能在伺服器端來運行。

  • 瀏覽器是翻譯器,可以翻譯三種程式碼:HTML程式碼、CSS程式碼、JavaScript程式碼。


JavaScript能做些什麼?

  • 表單驗證:是JS最基本的功能。

  • 動態HTML:可以實現一些動態的、重複的效果。

  • 互動式:人機交互,透過鍵盤或滑鼠,與網頁中的元素互動。


JavaScript名稱的由來?

JavaScript最初叫“LiveScript”,是網景公司(Netscape)公司開發,為自己的瀏覽器Navigator2.0開的客戶端語言。

想藉助Java的名氣很快就成長起來,因此改名為JavaScript。

如他們所願,JavaScript最終確實火了起來


#<script></script>標記



JS程式碼也是嵌入到HTML文件中去的。
同一個網頁中,可以有HTML程式碼、CSS程式碼、JavaScript程式碼。

###透過<script></script>來引入JS程式碼#######實例###
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            window.alert("欢迎大家学习我们的JavaScript课程,一分耕耘一分收获,希望大家多多练习代码");
        </script>
    </head>
    <body>
    </body>
</html>
########################## ###JS中的註解############

順便總結下頁面中其它兩種註解

  • HTML的註解:<!—註解內容-->

  • #CSS註解:/* 註解*/

  • JavaScript的註解:// 或/*  多行註解*/

給上面的例子加上註解:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
        //在当前窗口弹出以一个对话框
            window.alert("欢迎大家学习我们的JavaScript课程,一分耕耘一分收获,希望大家多多练习代码")
        </script>
    </head>
    <body>
    </body>
</html>


繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> //在当前窗口弹出以一个对话框 window.alert("欢迎大家学习我们的JavaScript课程,一分耕耘一分收获,希望大家多多练习代码") </script> </head> <body> </body> </html>