1. 程式人生 > >javascript(入門篇)

javascript(入門篇)

平臺 編程 彈出框 大小 jquer console blog 基於 輸出

一、為什麽要學javascript?

1、因為你別無選擇!只有javascript可以控制所有常用的瀏覽器,而且javascript是世界上最重要的編程語言之一,學習web技術必須學會javascript。

二、JavaScript語言的特點:

1、腳本編寫語言

2、基於對象的語言

3、簡單性

4、動態性

5、安全性

6、跨平臺性

三、JavaScript語言的引入方式

1、內嵌式:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5
<title></title> 6 <script type="text/javascript"> 7 alert("這是第一個 JavaScript 內嵌式!"); 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>

2、外嵌式:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4
<meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-3.1.1.js"></script> 7 </head> 8 <body> 9 </body> 10 </html>

註意: 第一種加載:

<script>...</script>標識放入 <head>.. </head>,使之在主頁和其余部分代碼之前裝載,從而可使代碼的功能更強大;

src:js的路徑,可以使用相對路徑。

js文件執行是阻塞的,執行之後瀏覽器才會繼續執行html的文檔流。

第二種加載:可以將 JavaScript 標識放置在<body>... </body>主體之間以實現某些部分動態地創建文檔。

script放置位置:script標簽可以定義在html的任意地點。 但註意script與文檔流的執行順序。

四、JavaScrip的打印/輸出方式。

1、打印到頁面:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             document.write(‘直接打印到頁面‘)
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

2、打印到控制器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            console.log(‘直接打印到控制器‘)
        </script>
    </head>
    <body>
    </body>
</html>

3、彈出框

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             alert(‘彈出框‘)
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

五、JavaScrip標識符 定義:標識符是指變量、函數、屬性的名字,或者函數的參數

標識符首字符可以是以下劃線(_)、美元符($)或者字母開始,不能是數字。

六、JavaScrip語言的基本要素

1、區分大小寫

2、變量不區分類型

3、每條語句結尾可以省略分號

4、代碼段要封閉

5、註釋(單行以//開頭。多行以/*開頭,以*/結尾)

七、JavaScript語言的聲明變量的方式

1、使用var(關鍵字)+變量名( 標識符 )的方式在function外部聲明,就是全局變量,否則在function聲明的是局部變量。

全局變量

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             var a=12;
 8             function arr(){
 9                 alert(a)
10             } arr()//彈出12
11         </script>
12     </head>
13     <body>
14     </body>
15 </html>

局部變量

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
                        var a=12;
            function arr(){
                var b=2
                alert(b)
            } arr()//彈出2
        </script>
    </head>
    <body>
    </body>
</html>

今天就講到這,如果想了解更多請點擊關註,謝謝大家

javascript(入門篇)