JavaScript基本操作

標籤：http   python   操作   line   bsp   cas   多行   判斷   nbsp   

一、如何編寫？1.JavaScript代碼存在形式

<!-- 方式一 --><script type="text/javascript" src="JS檔案"></script>   <!-- 方式二 --><script type="text/javascript">    Js代碼內容</script> 

2.JavaScript存放位置 

HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。 

指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

由於Html代碼是從上到下執行，如果Head中的js代碼耗時嚴重，就會導致使用者長時間無法看到頁面，如果放置在body代碼塊底部，那麼即使js代碼耗時嚴重，也不會影響使用者看到頁面效果，只是js實現特效慢而已。

這裡，推薦放在body體底部；

3.注釋

JavaScript 不會執行注釋。

我們可以添加註釋來對 JavaScript 進行解釋，或者提高代碼的可讀性。

單行注釋以 // 開頭。

// 輸出標題：document.getElementById("myH1").innerHTML="歡迎來到我的首頁";// 輸出段落：document.getElementById("myP").innerHTML="這是我的第一個段落。";

多行注釋以 /* 開始，以 */ 結尾。

/*下面的這些代碼會輸出一個標題和一個段落並將代表首頁的開始*/

二、變數

JavaScript中變數的聲明是一個非常容易出錯的點，局部變數必須一個 var 開頭，如果未使用var，則預設表示聲明的是全域變數。

JavaScript 變數可用於存放值（比如 x=5）和運算式（比如 z=x+y）。

var x=5;var y=6;var z=x+y;

變數可以使用簡短名稱（比如 x 和 y），也可以使用描述性更好的名稱（比如 age, sum, totalvolume）。

• 變數必須以字母開頭
• 變數也能以 $ 和 _ 符號開頭（不過我們不推薦這麼做）
• 變數名稱對大小寫敏感（y 和 Y 是不同的變數）

JavaScript 語句和 JavaScript 變數都對大小寫敏感。

<script type="text/javascript">      // 全域變數    name = ‘seven‘;      function func(){        // 局部變數        var age = 18;          // 全域變數        gender = "男"    }</script>

三、資料類型 

JavaScript 中的資料類型分為原始類型和物件類型：

• 原始類型
  • 數字
  • 字串
  • 布爾值
• 物件類型
  • 數組
  • 字典
  • ...

1.數字

JavaScript中不區分整數值和浮點數值，JavaScript中所有數字均用浮點數值表示。

轉換：

• parseInt(..)    將某值轉換成數字，不成功則NaN
• parseFloat(..) 將某值轉換成浮點數，不成功則NaN

特殊值：

•  NaN，非數字。可使用 isNaN(num) 來判斷。
• Infinity，無窮大。可使用 isFinite(num) 來判斷。

2.字串

字串是由字元組成的數組，但在JavaScript中字串是不可變的：可以訪問字串任意位置的文本，但是JavaScript並未提供修改已知字串內容的方法。

常見功能：

obj.length 擷取當前字串長度
obj.trim() 移除空白
obj.trimLeft()
obj.trimRight)
obj.charAt(n) 返回字串中的第n個字元
obj.concat(value, ...) 拼接
obj.indexOf(substring,start) 子序列位置
obj.lastIndexOf(substring,start) 子序列位置
obj.substring(from, to) 根據索引擷取子序列---起始位置，結束位置
obj.slice(start, end) 切片
obj.toLowerCase() 大寫
obj.toUpperCase() 小寫
obj.split(delimiter, limit) 分割
obj.search(regexp) 從頭開始匹配，返回匹配成功的第一個位置(g無效)
obj.match(regexp) 全域搜尋，如果正則中有g表示找到全部，否則只找到第一個。
obj.replace(regexp, replacement) 替換，正則中有g則替換所有，否則只替換第一個匹配項，
$數字：匹配的第n個組內容；
$&：當前匹配的內容；
$`：位於匹配子串左側的文本；
$‘：位於匹配子串右側的文本
$$：直接量$符號

3.布爾類型

布爾類型僅包含真假，與Python不同的是其首字母小寫。

• ==      比較值相等
• !=       不等於
• ===   比較值和類型相等
• !==    不等於
• ||        或
• &&    且

4.數組

JavaScript中的數組類似於Python中的列表。

常見功能：

1234567891011121314

obj.length          數組的大小obj.push(ele)       尾部追加元素obj.pop()           尾部擷取一個元素obj.unshift(ele)    頭部插入元素obj.shift()         頭部移除元素obj.splice(start, deleteCount, value, ...)  插入、刪除或替換數組的元素                    obj.splice(n,0,val) 指定位置插入元素                    obj.splice(n,1,val) 指定位置替換元素                    obj.splice(n,1)     指定位置刪除元素obj.slice( )        切片obj.reverse( )      反轉obj.join(sep)       將數組元素串連起來以構建一個字串obj.concat(val,..)  串連數組obj.sort( )         對數組元素進行排序

四、for迴圈和條件陳述式

1.for迴圈

迴圈時，迴圈的元素是索引

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <script>        var names = ["cc", "tony", "rain"];        for(var i=0;i<names.length;i++){            console.log(i);            console.log(names[i]);        }    </script></body></html>

執行結果：

 

JavaScript基本操作