js函数与系统对象的操作

本次大纲

js函数和Java的方法写法差不多如：

function print(){

}

1.无参函数使用

打印十句 “卓京人生”

function a(){
for (var i = 0; i < 10; i++) {
			document.write("卓京人生")
		}

}

注：这是js无参函数

怎么调用 a() 就可以了

1.1带参函数

定义带参函数

function  b(a){// 参数a面前  不用加  数据类型  具体a是什么类型 由调用方法所传的参数决定、

  for (var i = 0; i <=a; i++) {
			document.write("卓京人生")
		}
  
}

1.2 带参数函数的调用在标签里调用

注：这就是有参方法的好处可以根据我们自己的需求往里面传参大大减少了代码量，提高了代码的重用率 1.3 常用系统函数

parseint(); 该函数可解析一个字符串，并返回一个整数。如：

parseint("22.1")	返回：22
parseint("22.5")	返回：22
parseint("22.6")	返回：22
parseint("22aa334")	返回：22
parseint("aa334")	返回NaN(说明传入的参数是非数字)

注：函数 parseint(); 该函数指定字符串中的首个是否是数字。如果是,则对字符串进行解析，直到到达数字的末端为止（如果遇到非数字，则终止解析），然后返回数字，而不是字符串，所以 :parseint("22aa334");解析后返回的是22。

且如果是小数的话会省略小数点右边的所有数字（没有四舍五入），所有parseint("22.1")解析后返回 22

如果要解析的字符串左边一开始就不是数字，那么就会返回NaN，所以parseint（"aa334"）解析后NaN

2.parsefloat();该函数可解析一个字符，并返回一个浮点数型。如：

parsefloat("22.1");	返回：22.1
parsefloat("22.5");	返回：22.5
parsefloat("33.3aa");	返回：33.3

注：函数parsefloat()和parsefloat()的解析原理是一样的都是从左边解析遇到非数字则停止解析如果左边第一个是一个非数字则返回NaN

3.isNaN();该参数判断的是是否是非数字如：

isNaN(22.1);	返回：false
isNaN(aaa);	返回：true
isNaN(aa123);	返回：true

注：如果参数全都是数字，则返回false；如果参数有一个字符不是数字，则返回true 2.变量的作用域

javascript里面变量的作用域和Java里面的作用域是一样的道理。

全局变量：就是定义在方法外面，该页面的所有方法都可以调用。如：


	
		
		Javascript_02

注：定义全局变量，所有方法都可调用 2.1局部变量


	
		
		Javascript_02

注：局部变量就是定义在方法里面的变量只有本方法可以调用 3.计算器源码解析

计算器

第一个值:

第二个值:

结果:

//给 + 按钮调用c1方法 //给 - 按钮调用c2方法 //给 * 按钮调用c3方法 //给 / 按钮调用c5方法

4.抽奖器源码解析



	
		
		抽奖器	 
		
	 	span{
			display: inline-block;
			width: 100px;
			height: 150px;
			background-color: aqua;	
			color: black;
			font-size: 100px;
			text-align: center;
			 text-align: center;
			line-height: 150px;
			text-shadow: 5px 5px 10px deeppink;
			border-radius: 100px;
           -webkit-text-stroke: #00FFFF lightblue;
		}
		 .a{
		            animation: ff 3s infinite;
		        }
		
		        @keyframes ff {
		            0%{
		                transform: rotate3d(-3,-6,-36,0deg);
		            }
		            100%{
		                transform: rotate3d(1,1,1,360deg);
		            }
		        }
	 
	
	
  
	$
		
	$
		
	$

js函数与系统对象的操作

Java相关栏目本月热门文章