莫名其妙的js基础学习!

Posted 残烛月夜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了莫名其妙的js基础学习!相关的知识,希望对你有一定的参考价值。

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基础学习!的主要内容,如果未能解决你的问题,请参考以下文章

js基础梳理-内存空间

[vscode]--HTML代码片段(基础版,reactvuejquery)

CocosCreator入门之《摘星星》-完全学习记录

201555332盛照宗—网络对抗实验1—逆向与bof基础

javascript 学习犯错记录

VSCode自定义代码片段——JS中的面向对象编程