JavaWeb--初始JavaScript（1）

1、基本瞭解

一、JavaScript是基於對象和事件驅動的語言，應用於客戶端。

二、JS的特色

（1）交互性：信息的動態交互

（2）安全性：不能訪問本地磁盤的文件

（3）跨平臺性：只要支持JS的瀏覽器都能運行

三、JS和Java的區別：

（1）Java是sun公司，如今是Oracle發明，J而S是網景公司發明；

（2）JS是基於對象的，而Java是面向對象的；

（3）JS是弱類型語言，而Java是強類型語言；

（4）JS只須要瀏覽器解析就能夠執行，而Java須要先編譯成字節碼文件在經過虛擬機執行。

2、JavaScript的三大組成部分

一、ECMAScript：ECMA（歐洲計算機協會）規定的JS語法和語句；

二、BOM：瀏覽器對象模型

三、DOM：文檔對象模型

3、JS和HTML的兩種結合方式

方式一：HTML文件內直接使用script標籤

<script type="text/javascript"> 
     js代碼; 
</script>

方式二：引入外部JS文件

<script type="text/javascript" src="JS文件路徑"></script>

4、JS的數據類型

補充：typeof()方法：查看當前變量的數據類型

5、JS中的String對象

（1）與html相關的方法
			- bold()：加粗
			- fontcolor(): 設置字符串的顏色
			- fontsize(): 設置字體的大小

			- link(): 將字符串顯示成超連接
				str4.link("hello.html")
			
			- sub() sup(): 下標和上標

		（2）與java類似的方法
			- concat(): 鏈接字符串
			
			- charAt():返回指定指定位置的字符串

			- indexOf()： 返回字符串位置(字符不存在，返回-1)
			
			- split()：切分字符串，成數組
			
			- replace(參數1, 參數2) ： 替換字符串
			
			- substr(參數1, 參數2)：從參數1開始，截取參數2長度的字符串
			
			- substring(參數1, 參數2)：截取 [參數1,) 的字符串

6、JS語句中須要注意的地方

一、JS裏面不區分整數和小數

var j = 123;
var b = j/1000;		//b的值回事0.123

二、字符串的相加減操做

var str = "456";
		alert(str+1);   //在java裏面操做的結果是 4561 ，在JS裏面仍是 4561
		alert(str-1);   

		若是相加時候，作是字符串鏈接
		若是相減，作的是相減的運算
		
		提示NaN:表示不是一個數字
		
		boolean類型也能夠作加減操做
		若是設置成true，至關於這個值是1
		若是設置成false，至關於這個值是0

三、等於號的區別

== 和 === 區別

		== 比較的只是值，不區分類型
		=== 比較的是值和類型，區分類型

7、JS中的數組

（一）定義數組的三種方式

var arr = [1,2,3];  
var arr = [1,"4",true];

var arr1 = new Array(5);  //定義一個數組，數組的長度是5
arr1[0] = "1";

var arr2 = new Array(3,4,5); //定義一個數組，數組裏面的元素是3 4 5

（二）數組對象

- concat方法： 數組的鏈接

- join()：根據指定的字符分割數組

- push():向數組末尾添加元素，返回數組的新的長度.
	若是添加的是一個數組，這個時候把數組當作一個總體字符串添加進去

- pop()：表示 刪除最後一個元素，返回刪除的那個元素

- reverse():顛倒數組中的元素的順序

8、JS中的Date對象

js裏面獲取當前時間
	var date = new Date();
獲取當前時間
	var date = new Date();

轉換成習慣的格式
	date.toLocaleString();

獲取當前的年方法
	getFullYear()：獲得當前的年
	
獲取當前的月方法
	getMonth()：獲取當前的月
		
獲取當前的星期
	getDay()：星期,返回的是 (0 ~ 6)

獲取當前的日
	getDate()：獲得當前的天 1-31
	
獲取當前的小時
	getHours()：獲取小時
	
獲取當前的分鐘
	getMinutes()：分鐘
		
獲取當前的秒
	getSeconds(): 秒
	
獲取毫秒數
	getTime()
	應用場景：使用毫秒數處理緩存的效果（不有緩存）,http://www.baidu.com?毫秒數

9、JD中的Math對象

裏面的都是靜態方法，使用能夠直接使用 Math.方法()
 ceil(x): 向上舍人
 floor(x)：向下舍人
 round(x)：四捨五入
 random()：獲得[0,1)隨機數（僞隨機數）

10、JS定義函數的三種方式

function 方法名(參數列表) {
	方法體;
	返回值無關緊要（根據實際須要）;
}

function test() {
	alert("qqqqq");
}

匿名函數
var 變量名 = function(參數列表) {
	方法體和返回值;
}

動態函數
var add = new Function("參數列表","方法體和返回值");

11、JS中函數的重載

JS裏面是否存在重載？
（1）js裏面不存在重載；
（2）可是能夠經過其餘方式模擬重載的效果 （經過aruguments數組來實現）。

function add(){
				var sum = 0;
				for(var i=0; i<arguments.length; i++){
					sum += arguments[i];
				}
				return sum;
			}

			alert(add(1, 2));
			alert(add(1, 2, 3));
			alert(add(1, 2, 3, 4));

12、JS中的全局函數

因爲不屬於任何一個對象，直接使用

	- eval() ： 執行js代碼（若是字符串是一個js代碼，使用方法直接執行）

	- encodeURI() ：對字符進行編碼 
	
	-  decodeURI()  ：對字符進行解碼

	-  encodeURIComponent() 和 decodeURIComponent():也是對字符串進行編碼和解碼，只是可操做的字符更多
	 
	- isNaN():判斷當前字符串是不是數字
		 若是是數字，返回false
		 若是不是數字，返回true
	
	- parseInt()：類型轉換
		 注意：該字符串中能夠含有字符，只要不是在開始位置便可
		 var str1 = "123";    --> 123
		 var str2 = "123abc"; -->123
		 var str3 = "abc123"; -->NaN
		 var str4 = "a123bc"; -->NAN

更多JavaScript博文點此：https://www.cnblogs.com/xdp-gacl/p/3676105.html