JS（1）最基本的函數以及數據類型的轉換

尋找報錯原因：網頁的開發者工具(f12)->console控制檯找報錯

一、基礎的函數

document.write():在頁面上輸出效果

alert():頁面上彈窗顯示

prompt():與用戶交互的輸入框

<script type="text/javascript">
	//0.0 網頁與用戶的交互
	value=prompt("請輸入成績",0);	//彈輸入框，輸入的數值賦值給value，若不輸入則默認value=0
	if(isNaN(value)){
		alert("不是數字");
	}else{
		alert(value);	//僅彈窗，彈窗內容是value
	}
	document.write(Number.MAX_VALUE+"<BR>")	//在網頁上顯示括號內內容
	document.write(Number.MIN_VALUE+"<BR>") //可以不加分號結束
</script>

二、js中的數據類型

js中變量的數據類型都是弱類型var，即不需要提前聲明變量類型，且變量可以轉化成不同類型。且數字默認爲十進制。

<script type="text/javascript">
	//1.1變量的數據類型
	
	//定義八進制數字和十六進制數字
	oct=047;	//定義是八進制47  實際是十進制39
	hex=0xa4;	//十六進制0xa4轉換爲十進制是164
	window.alert(oct);	//結果彈窗顯示:39
	alert(hex);			//結果彈窗顯示:164
	
	//定義浮點數實例
	f1=0.1;
	f2=0.2;
	alert(f1+f2);	//結果：0.30000000000000004

	//數組：大小不用預先指定，元素類型可以不一樣
	//一維數組
	var arr=[];		
	arr[0]="元素";
	arr[1]=22;
	for(index in arr)	//index是遍歷數組的下標
		document.write(arr[index]+"<br>");	//輸出數組所有元素
	//二維、多維數組
	var arr2=[]
	arr2[0]=[];
	arr2[0][0]="zhangsan";
	arr2[0][1]="lisi";
	for(i in arr2)	
		for(j in arr2[i])
			document.write(arr2[i][j]+"<br>");	//輸出所有元素
	
</script>

可以看到：存在浮點型數據精度損失，因此不要輕易比較浮點數大小，可能結果不盡人意

 

三、變量的基礎處理

<script type="text/javascript">
	//1.2 變量的基礎處理
		//變量的類型轉換
	var variable;	//可以省略此行，變量都默認爲var無需聲明
	variable="hello";	
	variable=1;
	alert(variable);	//顯示：1
	variable2=100;
	alert(variable+variable2);
		//提取數字
	spec="34 change";
	alert(parseInt(spec,10));	//解釋：在spec中尋找數字並且，轉換成十進制數字
	spec="2018.08.30是今天";		
	alert(parseFloat(spec));	//輸出：2018.08。 後面不符合規範的數字被截掉了
		//恆等和不恆等
	var a=8;
	var b="8";
	alert(a==b);	//輸出：true。因爲==是比較數值,b自動轉型成整型與a比較
	alert(a===b);	//輸出：false。因爲===是判斷數值和類型是否完全一致

</script>