[学习总结]JavaScript小整理

最新推荐文章于 2024-04-15 08:46:58 发布

新生代农民工12138

最新推荐文章于 2024-04-15 08:46:58 发布

阅读量107

点赞数

文章标签： html5 javascript

本文链接：https://blog.csdn.net/Hpplqq/article/details/124412878

版权

1.Javascript之Switch语句

在书写script代码的时候,最好将代码框的内容放在<body>后面,让便签元素先被浏览器加载! 防止出现对象获取不到!
通过Switch语句根据月份进行季节判断,(1)textContent是String类型,而case后面的值Number；(2)在进行比较时候,不会自动将string转为Number；（3）需要类型转换函数；（4）这个函数的前提条件是字符串是一个个数字字符串

function myMonth(){
var  textContent = document.getElementById("month").value ;
textContent = parseInt(textContent) ;
				   // alert(typeof(textContent)) ;
					
					    switch(textContent){
					//利用case传统
					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 ;
					}
				}

2.Javascript循环结构语句

循环语句写出来太麻烦，太繁琐，因此运用for循环语句

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

while循环 : 不明确循环的次数,使用while
常见的死循环:
while(true){
                       //当满足某种条件的时候,break; 结束循环!
                   }

执行流程：

1)首先初始化语句执行一次,
                       2)判断条件表达式是否成立,如果成立,就执行循环体语句
                       3)继续执行控制体语句(也称为"步长语句"),++或者-- 对变量自增或者自减1
                       4)继续判断条件表达式是否成立,如果成立,继续执行循环体语句,执行控制体语句,
                       ...
                       ...
                       5)直到条件表达式不成立,for循环！

例1：写一个循环一个句子：

for(var i=1 ; i<=4 ; i ++){
				
				document.write("helloworld"+"<br/>");
				
			}

例2：写一个求和函数：

var he= 0;
			for(var i = 1; i <= 5; i++){
				he = he + i;
			}
			document.write("和是"+he+"<br/>");

例3：写一个阶乘函数：

var jiecheng=1;
			for (var i=1; i<=4; i++){
				jiecheng*=i;
				
			}
			document.write("阶乘为:"+jiecheng+"<br/>");

3.while 和 do while

while格式：初始化语句;

while(条件表达式){
循环体语句;
控制体语句(步长）

执行流程:
               1)初始化语句对变量赋值
               2)判断条件表达式是否成立,
               成立,则执行循环体,一次执行步长语句;
               3)再次判断条件表达式是否成立,....
               ..
               4)条件不成立,循环结束！

do-while格式（实际开发场景下,用的很少!）
初始化语句;
do{
               循环体语句;
               控制体语句(步长语句);
           }while(条件表达式) ;

执行流程:
               1)初始化语句对变量赋值
               2)直接执行循环体语句,步长语句进行++或者--,然后执行条件是否成立
               3)成立,继续执行循环体以及步长语句
               ...
               4)条件表达式成立,不成立！

var x = 7;
			do{
				document.write("哈哈哈哈哈哈哈哈哈<br/>") ;
				x++ ;
			}while(x<=6) ;

4.JavaScript内置对象之Date

想要获取日期时间信息可以使用js提供的获取方式，date对象：表示当前日期

通过与固定模板： dateobj = new Date(); 来创建日期对象，通过如下函数代码来获取

var year = dateStr.getFullYear();
			 document.write(year +"年");
			 
			 var month = dateStr.getMonth()+1;
			 document.write(month +"月");
			
			 var date = dateStr.getDate();
			 document.write(date +"日&ensp;");
			 
			 document.write(dateStr.getHours()+":");
			 
			 document.write(dateStr.getMinutes()+":")
			 
			 document.write (dateStr.getSeconds());

5.for的应用

运用for在浏览器输出“水仙花数”

水仙花数的意思是

在JavaScript里面可以这样写出：

特别要说明的是在JavaScript里面求模不会直接取整数，因此与要借助函数“Math.floor()”，让其var赋值取得整数。

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) ;
					
					
					//满足条件,i ==(ge*ge*ge+shi*shi*shi+bai*bai*bai)
					if(i==(ge*ge*ge+shi*shi*shi+bai*bai*bai)){
						document.write("水仙花数是:"+i+"<br/>");
					}
				}

6.innerHTML和innerText的属性

innerHTML，innerText的区别

这两个标签都可以设置标签文本内容；都通过一个固定语法获取id属性值；

innerHTML可以加入html变迁进行渲染，而innerText不可以；

7.网页时钟

创建网页始终就得从本机获取时间信息，生成一个定时器；

当访问这个页面的时候：

1)立刻给span标签设置文本内容,这个文本内容就应该是当前系统时间字符串
2)每经过1秒钟,重复行的执行,产生日期时间字符串(定时器)

function myGenDate(){
				// 给span标签设置文本内容:当前系统时间字符串
				// 先将日期对象创建出来,获取,年,月,日,时分秒
				var dateStr = new Date();
				// 拼接处日期时间字符串
				var myDate = dateStr.getFullYear()+"-"+(dateStr.getMonth()+1)+"-"+dateStr.getDate()+"&ensp;&ensp;"+dateStr.getHours()+":"+dateStr.getMinutes()+":"+dateStr.getSeconds();
				
				// 需要将myDate这个日期时间标记字符串,动态添加到span标签的文本内容中
				// 通过id="tip"获取span标签对象
				var span = document.getElementById("tip");
				
				// 设置span标签的文本内容: innerHTML
				span.innerHTML="<h3>"+myDate+"</h3>"
			}
			
			window.setInterval("myGenDate()",1);

8.javascript内置对象string

string对象指的是字符串数据值，格式一般是创建一个JavaScript的字符串对象
               var 对象名 = new string("字符串值")

               要表示一个字符串的简写格式
               var 对象名 = "字符串值";

9.JavaScript

avaScript中定义函数的格式
               写法1:
                   function 函数名称也就是你的方法名称(形式参数列表.){

                       //业务代码.直接输出
                   }
                   调用函数:
                       单独调用, 函数名称(实际参数列表);
               写法2:
                   function 函数名称也就是你的方法名称(形式参数列表..){
                       return 具体结果;

                   }

赋值调用
                           var结果变量 = 函数(时间参数) ;
                           直接输出 ,结果变量;

注意事项:
                   1)形式参数列表里面不能带var 的,直接写参数名称即可
                   2)在定义函数里面可以直接输出内容
                           var 变量= 形式参数进行运算;直接输出结果;
                       或者是
                           在JavaScript中函数里面是可以带 return 返回一个具体的结果值
                           调用的时候,赋值调用
                               var 结果= 函数 (实际参数) ;

写法2
           // 定义两个数据求和
           function sum(a,b){
               // return表示结束用法,并带给条用着一个结果;
               return a+b;


           }
           // 赋值调用(实际开发中,使用最多)
           var myResult = sun(30,90);
           document.write("两个数据的和是:"+myResult);

新生代农民工12138

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
[学习总结]JavaScript小整理

1.Javascript之Switch语句在书写script代码的时候,最好将代码框的内容放在<body>后面,让便签元素先被浏览器加载! 防止出现对象获取不到! 通过Switch语句根据月份进行季节判断,(1)textContent是String类型,而case后面的值Number；(2)在进行比较时候,不会自动将string转为Number；（3）需要类型转换函数；（4）这个函数的前提条件是字符串是一个个数字字符串function myMonth(){var textCon..
复制链接

扫一扫