(一)學習JavaScript---如何寫入html、聲明變量、變量類型

JS如何在Html代碼中運行

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1</title>
</head>
<body>
	<script>
		alert('你好!熟知宇某!');
	</script>
</body>
</html>

在這裏插入圖片描述
代碼也可以放在後面,咱們使用的時候一般放在body標籤後面,因爲如果JS的代碼太多,並且js代碼放在html頁面內容前面,那得先加載js代碼完js代碼在顯示頁面內容,那這樣的話就降低了頁面顯示的效率,使用戶看起來有延遲感。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1</title>
</head>
<body>
</body>
	<script>
		alert('你好!熟知宇某!');
	</script>
</html>

變量聲明

js變量命名規範:下劃線、字母、數字、還有比較少用的$符號;區分大小寫。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1</title>
</head>
<body>
	<script>
		var a = 123;//字母
		alert(a);
		var A = 456;//區分字母大小寫
		alert(A);
		var $ = "Hello!Szymou!";//使用$符號也可以當做變量名
		alert($);

		// alert('你好!熟知宇某!');
	</script>
</body>
</html>

變量類型

①數值類型(不想C語言那樣區分整型和浮點型)

	<script>
		var a = 1;
		var b = 1.11;
		alert(typeof(a));
		// alert(typeof(b));
	</script>

運行可以彈出a、b的類型,都是number。
如果覺得alert彈出麻煩,可以用console.log()替代alert,點擊F12去控制器查看:
在這裏插入圖片描述
②字符串類型

	<script>
		var a = “555”;
		//var b = 1.11;
		alert(typeof(a));
		// alert(typeof(b));
	</script>

會彈出string。

③數組類型

	<script>
		var a = ['1','2','3'];
		alert(a);///這裏顯示,1,2,3
		alert(a[2]);//下標由0開始。這裏顯示3
	</script>

還有一種關聯數組

	<script>
		var b = {one:'1',two:'2',three:'3'};//one,two,three可以使用""括起來
		// alert(b);
		alert(b['two']);//輸出2//也可以這樣寫alert(b.two);//一般使用前者
	</script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章