javascript(入門篇)
一、為什麽要學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(入門篇)