1. 程式人生 > >莫名其妙的js基礎學習!

莫名其妙的js基礎學習!

是否 字符 CA defined ase string () 對話框 數值

JavaScript基本組成部分:

  1,ECMAScript:js的語法標準,基本的變量,運算符,函數,if語句,for語句等

  2,DOM:操作網頁上的元素API,比如盒子的移動,變色,輪播圖等。

  3,BOM:操作瀏覽器部分的API功能

alert語句:

  1,彈出警告框語句,主要用於在網頁中彈出提示。

  基本代碼:

<script type="text/javascript">
  alert(2345678)
</script>

  2,註釋方式兩種;

    1,/**/ 多行註釋

    2,//單行註釋

  3,控制臺輸出:console.log("")

  4,prompt()語句:用戶對話框輸入。

  

<script type="text/javascript">
  var a = prompt("你好!")   //對話框
  console.log(a)  //輸出
</script>

  5,變量的命名和python一樣,但是使用駝峰體比較多

數據類型:

  類型查看方式:typeof

  1,number 數字類型:

    var a = 1234;

    console.log(typeof a)

  2,string :字符串

    var str = "123"

    console.log(typeof str)

  3,boolean:布爾值於python類似

  4,null:空對象

  5,undefined:變量未定義

  6,運算符需要註意的就只有 === 這個是判斷數據類型和數值是否都完全相同

    關於拼接賊他媽惡心!!!只要有一個str,配合+就是拼接

  7,數字類型轉換,強轉就好!!

  8,流程控制!

    1,if,if-else,if-else if-else:

  

var ji = 20;
if(ji>10){
  console.log(ji)    
}
alert("baichi")
//這是最簡單的使用方式,只有if存在
var ji  = 20;
if(ji>=20){
    console.log(‘2333‘)
}else{
    console.log(‘js是sb!‘)
}
//簡單運用

if (true) {
   //執行操作
}else if(true){
    //滿足條件執行            
}else if(true){
   //滿足條件執行        
}else{
  //滿足條件執行
}
和python有區別,需要加上if才能擴充

  2,&&和|| 相當於and 和 or python的所以不加解釋

   3,switch 需要重點記憶一下!

 

var sb = "js"
    
swich(sb)//條件{
    case "js":
    console.log("說的真棒!")
    break; //需要註意必須要break
    case "python":
    console.log("你會死的很有邏輯感")
    break;
    case "css":
    console.log("你傻逼吧!")
    break;


}

4,while循環,基本相同,改變就在於條件和循環體需要套上括號

   5,do_while 先執行do,再執行while循環。

   6,for循環

  

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		// for (var i = 0; i <= 5; i++) {
		// 	for (var k = 0 ; k <= i; k++) {
		// 		document.write("*")
		// 	}
		// 	document.write("<br>")
		// 	// console.log("*")
		// }
		for (var i = 1; i <= 6; i++) {
			for (var j = i; j <= 6 ; j++) {
				document.write("7")
			}

			for (var k = 1 ; k <= 2*i-1; k++) {
				if(k == 1 || k == 2*i-1||i == 6){
					document.write("0")
				}else{
					document.write("6")
				}
				
			}
			document.write("<br>")
		}


		
	</script>
</head>
<body>
	
</body>
</html>
//這是空心三角形的實現方法!

  

莫名其妙的js基礎學習!