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>