0425 JavaScript知识点总结

最新推荐文章于 2024-07-17 15:26:15 发布

LIaaaaaa1

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量840

点赞数

分类专栏：新手入门文章标签： javascript

本文链接：https://blog.csdn.net/lrtdfgd/article/details/124412901

版权

新手入门专栏收录该内容

26 篇文章 0 订阅

订阅专栏

可以穿透的switch写法代码更简洁

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>01_js之switch语句练习</title>
		
	</head>
	<body>	
			<input type="text" id="month" placeholder="请输入月份的值" />
			<input type="button" value="点击查询" onclick="myMonth()" />
			<!-- 将myMonth()绑定到事件源上
			也就是说onclick到达function-->
	</body>
	<script>
			function myMonth(){
				//指定一个变量var 让var可以接收到被输入的月份,用id方式接收
				var  textContent = document.getElementById("month").value ;
				//接收到的字符串转换成数字,方便后面处理
			   textContent = parseInt(textContent) ;
			   //开始处理这个变量var
				switch(textContent){
				case 3:
				case 4:
				case 5:
					alert("春季") ;
					break ;
				case 6:
				case 7:
				case 8:
					alert("夏季") ;
					break ;
				case 9:
				case 10:
				case 11:
					alert("秋季") ;
					break ;
				case 1:
			    case 2:
				case 12:
					alert("冬季") ;
					break ;
				default:
					alert("非法数据") ;
					break ;
				}
			}
			
	</script>
</html>

js之循环结构语句

var sum = 0 ;
			   for(var i = 1 ; i<=10 ; i ++){
				  
				   sum += x ;
				   sum = sum + i ; 
									
								    
			   }
//需求:5的阶乘
				//定义一个结果变量
				var jc = 1 ;
				for(var i = 1; i <=5 ; i ++){
					jc*=i ;

while和do-while语句

or循环:  明确循环的次数,使用for
                
                while循环:
                        不明确循环的次数,使用while

 do-while格式  实际开发场景下,用的很少! 原因就是即使不满足条件,依然可以执行第一个do
             * 初始化语句;
             * do{
                 循环体语句;
                 控制体语句(步长语句);
             }while(条件表达式) ;

4.for的应用找出水仙花数并且统计数量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个数</title>
		
	
	</head>
	<body>
	</body>
		<script>
		var num1 = 0
		for (var i = 100; i<=999; i++){
			var ge = i % 10;
			var shi = Math.floor(i /10 %10);
			var bai = Math.floor(i /10 /10 %10) ;
		if (i==(ge*ge*ge+shi*shi*shi+bai*bai*bai)){
			document.write("水仙花数是:"+i+"<br/>");
		    num1 = num1 + 1 ;
			;
		}
		}
		document.write("总计有"+(num1)+"个水仙花数")
		</script>
</html>

5. Date的运用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>当前时间是:</h3>
		<span id="tip"></span>
		
	</body>
	<script>
	/* var myDate = dateStr.getFullYear()+"-"+(dateStr.getMonth()+1)+"-"+dateStr.getDate()
	 			+"&ensp;&ensp;"+dateStr.getHours()+":"+dateStr.getMinutes()+":"+dateStr.getSeconds() ; */
	function weNeedtime(){
	var dateS = new Date();
	var myD = dateS.getFullYear()+"-"+(dateS.getMonth()+1)+"-"+dateS.getDay()+
	"&ensp;&ensp;"+dateS.getHours()+":"+dateS.getMinutes()+":"+dateS.getSeconds();
	var span = document.getElementById("tip");
	span.innerHTML = "<h3>"+myD+"</h3>";
	
	}
	window.setInterval("weNeedtime()",1000);
	</script>
</html>

6.innerHTML和innerText属性

标签对象.innerHTML = "<h1>hello</h1>" 
标签对象.innerText = "设置普通文本" 不会启动代码

7.做一个网页版的时钟

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>当前时间是:</h3>
		<span id="tip"></span>
		
	</body>
	<script>
	/* var myDate = dateStr.getFullYear()+"-"+(dateStr.getMonth()+1)+"-"+dateStr.getDate()
	 			+"&ensp;&ensp;"+dateStr.getHours()+":"+dateStr.getMinutes()+":"+dateStr.getSeconds() ; */
	function weNeedtime(){
	var dateS = new Date();
	var myD = dateS.getFullYear()+"-"+(dateS.getMonth()+1)+"-"+dateS.getDay()+
	"&ensp;&ensp;"+dateS.getHours()+":"+dateS.getMinutes()+":"+dateS.getSeconds();
	var span = document.getElementById("tip");
	span.innerHTML = "<h3>"+myD+"</h3>";
	
	}
	window.setInterval("weNeedtime()",1000);
	</script>
</html>

8.js内置对象之String

//String对象  功能是最多的
			
			//1)常用的功能  charAt() 获取指定索引处的字符
			alert(s.charAt(1)) ;
			
			//2)concat(字符串):拼接功能,将原始内容和当前字符串进行拼接
			没有学习这个功能之前
			使用"+"进行拼接
			document.write(s+"字符串") ;
			
			//拼接功能
			alert(s.concat("mysql")) ;
			
			3)可以给字符串进行颜色标记  fontcolor ("颜色值(rgb(255,198,255),颜色单词..)")
			document.write(s.fontcolor("green")+"<br/>") ;
			document.write("√".fontcolor("#0f0")+"<br/>") ;
			document.write("<hr/>") ;
			indexOf ("字符串"):获取当前字符串中的第一次在大字符串中出现的角标值(从0开始算)
			document.write(s.indexOf("owo")+"<br/>") ;

//需要定义一个函数(方法),这个方法要进行两个数据求和!
				function sum(var a, var b){
				function sum( a, b){  //10,20
					
					//定义变量result
					var result = a+ b ;
					document.write("结果是:"+result) ;			
			
			
			//函数名称(实际参数列表) ;
			//sum(10,20) ;
			
			
			//写法2
			//定义两个数据求和
			function sum(a,b){
				
				//return 表示结束方法,并带给调用者一个结果;
				return a+b ;
			}
			
			//赋值调用(实际开发中,它使用最多)
			var myResult = sum(40,50) ;
			document.write("两个数据之和是:"+myResult) ;

LIaaaaaa1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
0425 JavaScript知识点总结

可以穿透的switch写法代码更简洁 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>01_js之switch语句练习</title> </head> <body> <input type="text" id="month" placeholder="请输入月份的值" /> <i..
复制链接

扫一扫