前端开发笔记

最新推荐文章于 2023-02-28 23:26:05 发布

魏俊鹏

最新推荐文章于 2023-02-28 23:26:05 发布

阅读量92

点赞数

文章标签： web

本文链接：https://blog.csdn.net/qq_41592620/article/details/100866453

版权

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 在字符串中使用转义字符输入Unicode编码
			 * 	\u四位编码
			 */
			console.log("\u2620");
			
		</script>
	</head>
	<body>
		
		<!--在网页中使用Unicode编码
			&#编码; 这里的编码需要的是10进制
		-->
		<h1 style="font-size: 200px;">&#9760;</h1>
		<h1 style="font-size: 200px;">&#9856;</h1>
		
	</body>
</html>

special后面的不支持，用前面的就可以了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			
			var num = 20;
			
			
			 //如果num为10，则输出哈哈哈哈哈哈
			 if(num == 20){
			 	alert("哈哈哈哈哈哈");
			 }else{
			 alert("我们不一样~")
			 }
			
			
		</script>
		/*
		if (){
		
		}else if(){
		
		}else if(){
		
		}else if(){
		}else{
		}
		*/
		
					/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时，'奖励一辆BMW'
			 *	当成绩为[80-99]时，'奖励一台huawei'
			 *	当成绩为[60-80]时，'奖励一本参考书'
			 *	其他时，什么奖励也没有
			 */
			 /*
			 * 	大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件： 
			 *	高：180cm以上; 富:1000万以上; 帅:50000以上;
			 *	如果这三个条件同时满足，则:'我一定要嫁给他'
			 *	如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。' 
			 *	如果三个条件都不满足，则:'不嫁！' 
			 */
			 /*
			 * 	编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
			 * 	对他们进行排序，并且从小到大输出。
			 */
	</head>
	<body>
		
	</body>
</html>

	/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时，'奖励一辆BMW'
			 *	当成绩为[80-99]时，'奖励一台huawei'    
			 *	当成绩为[60-80]时，'奖励一本参考书'
			 *	其他时，什么奖励也没有
			 */
			
			/*
			 * prompt()可以弹出一个提示框，该提示框中会带有一个文本框，
			 * 	用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
			 * 	该字符串将会作为提示框的提示文字
			 * 
			 * 用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容
			 */
			//score就是小明的期末成绩
			
			var score=prompt("请输入小明的期末成绩：");
			
			//成绩的范围【0-100】
		if(score>=0&&score<=100){
		//成绩在合理的范围内
		if(score==100){
			alert("奖励一辆BMW");
			}else if(score>=80&&score<=99){
			alert("奖励一台huawei");
			}else if(score>=60&&score<=80){
			alert('奖励一台huawei');
			}else{
			alert("青蛇棒子肉一顿");
			}
			
		}else{
		//成绩不合理不在合理范围【1-100】之间
		alert("你输入的成绩不在【1-100】之间");
		}


		var score=prompt();

			//成绩的范围【0-100】
		if(score<0&&score>100&&isNaN(score)){
		//成绩在合理的范围内
		//成绩不合理不在合理范围【1-100】之间
		alert("你输入的成绩不在【1-100】之间");
			
		}else{
		if(score==100){
			alert("奖励一辆BMW");
			}else if(score>=80&&score<=99){
			alert("奖励一台huawei");
			}else if(score>=60&&score<=80){
			alert('奖励一台huawei');
			}else{
			alert("青蛇棒子肉一顿");
			}
		}		
			

	
			- 判断一个值是否是NaN吧  不是一个数值  “avc”
				- 使用isNaN()函数


	<script type="text/javascript">
			
			/*
			 * if语句
			 * 	语法二:
			 * 		if(条件表达式){
			 * 			语句...
			 * 		}else{
			 * 			语句...
			 * 		}
			 * 
			 * 	if...else...语句
			 * 		当该语句执行时，会先对if后的条件表达式进行求值判断，
			 * 			如果该值为true，则执行if后的语句
			 * 			如果该值为false，则执行else后的语句
			 * 
			 * 	语法三：
			 * 		if(条件表达式){
			 * 			语句...
			 * 		}else if(条件表达式){
			 * 			语句...
			 * 		}else if(条件表达式){
			 * 			语句...
			 * 		}else{
			 * 			语句...
			 * 		}
			 * 
			 * 		if...else if...else
			 * 			当该语句执行时，会从上到下依次对条件表达式进行求值判断
			 * 			如果值为true，则执行当前语句。
			 * 			如果值为false，则继续向下判断。
			 * 			如果所有的条件都不满足，则执行最后一个else后的语句
			 * 			该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句
			 */
			
			var age = 50;
			
			/*if(age >= 60){
				alert("你已经退休了~~");
			}else{
				alert("你还没退休~~~");
			}*/
			
			age = 200;
			
			/*if(age > 100){
				alert("活着挺没意思的~~");
			}else if(age > 80){
				alert("你也老大不小的了~~");	
			}else if(age > 60){
				alert("你也退休了~~");
			}else if(age > 30){
				alert("你已经中年了~~");
			}else if(age > 17){
				alert("你已经成年了");
			}else{
				alert("你还是个小孩子~~");
			}*/
			
			age = 90;
			
			if(age > 17 && age <= 30){
				alert("你已经成年了");
			}else if(age > 30 && age <= 60){
				alert("你已经中年了");
			}else if(age > 60 && age <= 80){
				alert("你已经退休了");
			}else{
				alert("你岁数挺大的了~~");
			}
			
			
		</script>



					/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时，'奖励一辆BMW'
			 *	当成绩为[80-99]时，'奖励一台huawei'
			 *	当成绩为[60-80]时，'奖励一本参考书'
			 *	其他时，什么奖励也没有
			 var score = prompt("请输入小明的期末成绩(0-100):");
			
			
			//判断值是否合法
			if(score > 100 || score < 0 || isNaN(score)){
				alert("拉出去毙了~~~");
			}else{
				//根据score的值来决定给小明什么奖励
				if(score == 100){
					//奖励一台宝马
					alert("宝马，拿去~~~");
				}else if(score >= 80){
					//奖励一个手机
					alert("手机，拿去玩~~~");
				}else if(score >= 60){
					//奖励一本参考书
					alert("参考书，拿去看~~~");
				}else{
					alert("棍子一根~~");
				}
			}

<script type="text/javascript">
			/*
			 * 	大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件： 
			 *	高：180cm以上; 富:1000万以上; 帅:50000以上;
			 *	如果这三个条件同时满足，则:'我一定要嫁给他'
			 *	如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。' 
			 *	如果三个条件都不满足，则:'不嫁！' 
			 */
			
			var height = prompt("请输入你的身高(CM):");
			var money = prompt("请输入你的财富(万):");
			var face = prompt("请输入你的颜值(PX):");
			
			//如果这三个条件同时满足，则:'我一定要嫁给他'
			if(height > 180 && money > 1000 && face > 500){
				alert("我一定要嫁给他~~");
			}else if(height > 180 || money > 1000 || face > 500){
				//如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。' 
				alert("嫁吧，比上不足，比下有余。");
			}else{
				//如果三个条件都不满足，则

:‘不嫁！’
document.write(“lala”);
alert(“不嫁。”);
}

	</script>

	<script>
		var num1=+prompt("请输入第一个数字：");//加了一个正号console.log(typeof num1); number
		var num2=+prompt("请输入第二个数：");
		var num3=+prompt("请输入第三个数：");
		console.log(typeof num1);//string  var num1=prompt("请输入第一个数字：");
		
		//判断  六个情况
		//num1 num2 num3
		//num1  mun3 num2
		if(num1<num2&&num1<num3){
			if(num2<num3){
				alert(num1+"<"+num2+"<"+num3);//123
			}else{
				alert(num1+"<"+num3+"<"+num2);//132
				
			}
			//num2 num1 num3  || num2 num3 num1
		}else if(num2<num3&&num2<num1){//num2最小
			if(num1<num3){
				alert(num2+"<"+num1+"<"+num3);//213
				
			}else{
				alert(num2+"<"+num3+"<"+num1);//231
				
			}
		}else if(num3<num1&&num3<num2){
			if(num1<num2){
				alert(num3+"<"+num1+"<"+num2);//312
			}else{
				alert(num3+"<"+num2+"<"+num1);//321
			}
		}			
		
	</script>


/*
		 * 条件运算符也叫三元运算符
		 * 	语法：
		 * 		条件表达式?语句1:语句2;
		 * 	- 执行的流程：
		 * 		条件运算符在执行时，首先对条件表达式进行求值，
		 * 			如果该值为true，则执行语句1，并返回执行结果
		 * 			如果该值为false，则执行语句2，并返回执行结果
		 * 		如果条件的表达式的求值结果是一个非布尔值，
		 * 			会将其转换为布尔值然后在运算
		 */

if(num1<=num2&&num1<=num3){
if(num2<=num3){
alert(“从小到大的顺序为：”+num1+","+num2+","+num3);//123
}else{
alert(num1+"<"+num3+"<"+num2);//132

			}


var temp;
	if(num1<num2){
		temp=num1;
		num1=num2;
		num2=temp;
		
	}
	if(num2<num3){
		temp=num2;
		num2=num3;
		num3=temp;
		
	}
	if(num1<num3){
		temp=num1;
		num1=num3;
		num3=temp;
		
	}

1.打印1-100之间所有奇数之和
var n=1;
var sum=0;
for(n=1;n<=100;n+=2){
if(n%2==1){
sum+=n;
}

}
console.log(sum)

2.打印1-100之间所有7的倍数的整数的个数及总和

3.水仙花数 153=
水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。
（例如：1^3 + 5^3+ 3^3 = 153）,请打印所有的水仙花数。

		/*
		 * for语句，也是一个循环语句，也称为for循环
		 * 	在for循环中，为我们提供了专门的位置用来放三个表达式：
		 * 		1.初始化表达式
		 * 		2.条件表达式
		 * 		3.更新表达式
		 * 
		 *  for循环的语法：
		 * 		for(①初始化表达式;②条件表达式;④更新表达式){
		 * 			③语句...
		 * 		}
		 * 
		 * 		for循环的执行流程：
		 * 			①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
		 * 			②执行条件表达式，判断是否执行循环。
		 * 				如果为true，则执行循环③
		 * 				如果为false，终止循环
		 * 			④执行更新表达式，更新表达式执行完毕继续重复②
		 */
		
		//创建一个执行10次的while循环
		//初始化表达式
		/*var i = 0;
		
		//创建一个循环，定义条件表达式
		while(i < 10){
			//设置更新表达式
			alert(i++);
		}*/
		
		for(var i = 0 ; i < 10 ; i++ ){
			alert(i);
		}
		
		/*
		 * for循环中的三个部分都可以省略，也可以写在外部
		 * 	如果在for循环中不写任何的表达式，只写两个;
		 * 	此时循环是一个死循环会一直执行下去，慎用
		 * 	for(;;){
				alert("hello");
			}
		 */

水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。
（例如：1^3 + 5^3 + 3^3 = 153）,请打印所有的水仙花数。
*/

  	for(i=100;i<1000;i++){
  	var gw=i%10;//个位
  	var sw=parseInt(i/10%10);//十位 153  15
  	var bw=parseInt(i/100);//百位
  	//它的每个位上的数字的3 次幂之和等于它本身  pow(^_^,N)  math.pow(2,3) math.sqrt()
  	if(gw*gw*gw+sw*sw*sw+bw*bw*bw==i){//算关逻条赋逗  
  	console.log(i);//满足水仙花数的数字
  	}
  	}



  	/*
  	 
  	 	通过程序，在页面中输出如下的图形：
  	 	
  	 	*      1   <1   i=0
  	 	**     2   <2   i=1
  	 	***    3   <3   i=2
  	 	****   4   <4   i=3
  	 	*****  5   <5   i=4
  	 	
  	 	*****
  	 	*****
  	 	*****
  	 	*****
  	 	*****
  	 	
  	 	***** 1   j<5(5-0)  i=0
  	 	****  2	  j<4(5-1)  i=1
  	 	***   3   j<3(5-2)  i=2
  	 	**    4   j<2(5-3)  i=3
  	 	*     5   j<1(5-4)  i=4
  	 	
  	 
  	 */

/*
		 * 打印1-100之间所有奇数之和
		 */
		
		//创建一个变量，用来保存奇数之和
		//var sum = 0;
		
		//打印1-100之间的数
		for(var i=1 , sum=0 ; i<=100 ; i++){
			
			//判断i是否是奇数
			//不能被2整除的数就是奇数
			if(i%2 != 0){
				//如果i除以2有余数则证明i是奇数
				//console.log(i);
				sum = sum+i;
			}
		}
		
		console.log("奇数之和为 : "+sum);

/*
* 打印1-100之间所有7的倍数的个数及总和
*/
var count=0;//个数
var sum=0;//和
for(i=1;i<=100;i++){
if(i%7==0){
sum+=i;
count++;
console.log(i);//7的倍数
}
}
console.log(sum);
console.log(count);

for(i=1;i<=100;i++){//i=7     2  3  4     7
		   
		  for(j=2;j<i;j++){//j=6  j=i-1  j<i      2 3 4 5 6
		  
		      if(i%j==0){
		      break;
		      }		  
		  } 
		  //外层循环执行一次，内层循环执行完毕（一圈）
	if(j>=i){//flag=true
		console.log(i+"是质数"); 
		}else{
		console.log(i+"不是素质");
		}
		  
	}


for(i=1;i<=100;i++){//i=7     2  3  4     7
		   
		  for(j=2;j<i;j++){//j=6  j=i-1  j<i      2 3 4 5 6
		  
		      if(i%j==0){
		      break;
		      }		  
		  } 
		  //外层循环执行一次，内层循环执行完毕（一圈）
	if(j>=i){//flag=true
		console.log(i+"是质数"); 
		}else{
		console.log(i+"不是素质");
		}
		  
	}

/*
* 1.打印99乘法表
* 11=1
* 12=2 22=4
* 13=3 23=6 33=9
* 14=4 24=8 34=12 44=16
* …9*9=81
*
* 2.打印出1-100之间所有的质数
*/

/*
		 
		 	通过程序，在页面中输出如下的图形：
		 	
		 	*      1   <1   i=0
		 	**     2   <2   i=1
		 	***    3   <3   i=2
		 	****   4   <4   i=3
		 	*****  5   <5   i=4
		 	
		 	*****
		 	*****
		 	*****
		 	*****
		 	*****
		 	
		 	***** 1   j<5(5-0)  i=0
		 	****  2	  j<4(5-1)  i=1
		 	***   3   j<3(5-2)  i=2
		 	**    4   j<2(5-3)  i=3
		 	*     5   j<1(5-4)  i=4
		 	
		 
		 */

var i,j;

    for(i=1;i<=5;i++){//外行  i=3
           for(j=1;j<=i;j++){//列 j=1(i<i) j=2(2<i)  j=3(3<=i) j=4
          document.write("*");
           document.write("&nbsp;&nbsp;&nbsp;");
           //等价于document.write("*&nbsp;&nbsp;&nbsp;");
           }
           //内层循环结束换行
           document.write("<br>");
    }
    
    //倒三角 i=1  j=5 4  3 2 1 
    //     i=2  j=4
    //3    i=3  j=3
    for(i=1;i<=5;i++){//i=1           i=2
      for(j=5;j>=i;j--){//j=5 4 3 2 1  j=5 4 3 2
         document.write("*");
           document.write("&nbsp;&nbsp;&nbsp;");
    }
       //内层循环结束换行
           document.write("<br>");
    }
    
    //矩形
    for(i=1;i<=5;i++){//
      for(j=1;j<=5;j++){//
         document.write("*");
           document.write("&nbsp;&nbsp;&nbsp;");
    }
       //内层循环结束换行
           document.write("<br>");
    }

//九九乘法表
//11=1 ji=ij
//12=2 22=4
//13=3 23=6 33=9

    for(i=1;i<=9;i++){
      for(j=1;j<=i;j++){
      document.write(j+"*"+i+"="+i*j+'&nbsp;&nbsp;&nbsp;&nbsp;');
      }
      //内层换行
      document.write("<br>");
    }

魏俊鹏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端开发笔记

<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在字符串中使用转义字符输入Unicode编码 * \u四位编码 */ console.l...
复制链接

扫一扫