02-第一個JavaScript代碼


在頁面中,我們可以在body標簽中放入<script type=”text/javascript”></script>標簽對兒,<script type=”text/javascript”></script>標簽對兒

<script type="text/javascript">

</script>

alert語句

<script type="text/javascript">
       alert("小馬哥");
</script>

alert(英文翻譯為“警報”)的用途:彈出“警告框”

語法規則

學習程序,是有規律可循的,就是程序是有相同的部分,這些部分就是一種規定,不能更改,我們成為:語法。

(1)JavaScript對換行、縮進、空格不敏感。

      備注:每一條語句末尾要加上分號,雖然分號不是必須加的,但是為了程序今后要壓縮,如果不加分號,壓縮之后將不能運行。

(2)所有的符號,都是英語的。比如括號、引號、分號。

(3)JavaScript的注釋:

  單行注釋:

// 我是注釋

  多行注釋: 

/*
    多行注釋1
    多行注釋2
*/

備注:sublime中,單行注釋的快捷鍵是ctrl+/,多行注釋的快捷鍵是ctrl+shift+/

JavaScript在網頁中輸出信息的寫法

彈出警告框:alert("")

控制台輸出:console.log("")

console.log("")表示在控制台中輸出。console表示“控制台”,log表示“輸出”。

控制台在Chrome瀏覽器的F12中。控制台是工程師、程序員調試程序的地方。程序員經常使用這條語句輸出一些東西,來測試程序是否正確。

 

用戶輸入:prompt()語句

prompt()就是專門用來彈出能夠讓用戶輸入的對話框。

代碼如下:

<script type="text/javascript">
        var a = prompt('今天是什么天氣?');
        console.log(a);
</script>

上方代碼中,用戶輸入的內容,將被傳遞到變量 a 里面。

效果如下:

f12打開控制台查看結果。

prompt()語句中,用戶不管輸入什么內容,都是字符串。

alert和prompt的區別:

alert("從前有座山");                //直接使用,不需要變量
var a = prompt("請輸入一個數字");   // 必須用一個變量,來接收用戶輸入的值

直接量:數字和字符串

“直接量”即常量,也稱為“字面量”。看見什么,它就是什么。

簡單的直接量有2種:數字、字符串。

(1)數值的直接量的表達非常簡單,寫上去就行了,不需要任何的符號。例如:

alert(886);  //886是數字,所以不需要加引號。

(2)字符串也很簡單,但一定要加上引號。可以是單詞、句子等。

變量

變量的定義和賦值

   var a = 100;

var是英語“variant”變量的縮寫。后面要加一個空格,空格后面的東西就是“變量名”,

  • 定義變量:var就是一個關鍵字,用來定義變量。所謂關鍵字,就是有特殊功能的小詞語。關鍵字后面一定要有空格隔開。

  • 變量的賦值:等號表示賦值,將等號右邊的值,賦給左邊的變量。

  • 變量名:我們可以給變量任意的取名字。

 PS:在JavaScript中,永遠都是用var來定義變量,這和C、Java等語言不同(有興趣的同學可以看一下es6)

變量要先定義,才能使用。比如,我們不設置變量,直接輸出:

 <script type="text/javascript">
        console.log(a);
  </script>

控制台將會報錯:

正確寫法:

  var a;   // 定義
    a = 100;  //賦值
    console.log(a);  //輸出100

有經驗的程序員,會把定義和賦值寫在一起:

var a = 100;    //定義,並且賦值100
console.log(a);  //輸出100

變量的命名規范

變量名有命名規范:只能由英語字母、數字、下划線、美元符號$構成,且不能以數字開頭,並且不能是JavaScript保留字。

下列的單詞,叫做保留字,就是說不允許當做變量名,不用記:

abstract、booleanbytechar、class、const、debuggerdouble、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

大寫字母是可以使用的,並且大小寫敏感。也就是說A和a是兩個變量。

    var A = 250;    //變量1
    var a = 888;    //變量2

變量的類型

變量里面能夠存儲數字、字符串等。變量會自動的根據存儲內容的類型不同,來決定自己的類型。

數值型:number

 如果一個變量中,存放了數字,那么這個變量就是數值型的

    var a = 100;            //定義了一個變量a,並且賦值100
    console.log(typeof a);  //輸出a變量的類型

typeof()表示“獲取變量的類型”,語法為:

typeof 變量

在JavaScript中,只要是數,就是數值型(number)的。無論整浮、浮點數(即小數)、無論大小、無論正負,都是number類型的。

字符串型:string

var a = "abcde";
    var b = "路飛";
    var c = "123123";
    var d = "哈哈哈哈哈";
    var e = "";     //空字符串

    console.log(typeof a);
    console.log(typeof b);
    console.log(typeof c);
    console.log(typeof d);
    console.log(typeof e);

連字符和加號的區別

鍵盤上的+可能是連字符,也可能是數字的加號。如下:

   console.log("我" + "愛" + "你");   //連字符,把三個獨立的漢字,連接在一起了
    console.log("我+愛+你");           //原樣輸出
    console.log(1+2+3);             //輸出6

總結:如果加號兩邊都是數值,此時是加。否則,就是連字符(用來連接字符串)。

 

變量值的傳遞(賦值)

語句:

   a = b;

把b的值賦給a,b不變。

將等號右邊的值,賦給左邊的變量;等號右邊的變量,值不變。

舉個特殊的例子:

        var a = "3";
        var b = 2;
        console.log(a-b);

效果:(注意,字符串 - 數值 = 數值)

 

變量格式轉換

用戶的輸入

我們在上面的內容里講過,prompt()就是專門用來彈出能夠讓用戶輸入的對話框。重要的是:用戶不管輸入什么,都是字符串。

parseInt():字符串轉數字

parseInt()可以將字符串轉數字。parse表示“轉換”,Int表示“整數”(注意Int的拼寫)。例如:

字符串轉數字的方法:

 parseInt(“5”);

parseInt()還具有以下特性

(1)帶有自動凈化的功能;只保留字符串最開頭的數字,后面的中文自動消失。例如:

console.log(parseInt("2018你真帥!!"));

(2)自動帶有截斷小數的功能:取整,不四舍五入

var a = parseInt(5.8) + parseInt(4.7);
console.log(a);
 var a = parseInt(5.8 + 4.7);
 console.log(a);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM