admin 管理员组

文章数量: 887016

js的使用方法和对象

js的使用方法和对象

      • js数组和java数组
      • if语句：
      • 循环语句：
      • 函数定义
      • 其他方法：
      • date对象
      • math类
      • String
      • 响应事件

js数组和java数组

方式1不同，其他两个相同

var arr=new Array();//动态数组，随时扩容-------------方法1arr[0]="qwe";arr[1]="shenz";arr[2]="guangz";arr[3]="wuh";console.log(arr.length);//4var ar2=new Array(5);//定长数组-----------------------方法2var ar3=["123","456","789"];//--------------------方法3console.log(ar2.length);//5console.log(ar3[2]);//取值arr[4]="ff";console.log(arr.length);//随时添加，5

对比java数组：

int[] a=new int[]{1,2,3};int[] a=new int[5];	int[] x={1,2,3,4};//总结：方式1不同，方式2和3一致

数组应用：

		var a = [1,2,3];document.write(a.concat(4,5));//1,2,3,4,5//sort方法默认是String的compareTo，要在方法中加入比较方法做为参数！var arr2=[];var num2=0;for(var i=0;i<10;i++){arr2[num2++]=Math.floor((Math.random()*91))+10;}			function comparetonum(a,b){return a-b;}arr2.sort(comparetonum);console.log(arr2)

if语句：

<script>var age=30;if(age>25){console.log("结婚吧");}else{console.log("singledog");}var money=1000;if(money>80000){console.log("buycar");}else if(money>8000){console.log("buymotuo");}else{console.log("buypingpang");}for(var a=1;a<=5;a++){var str="";			for(var j=1;j<=a;j++){str+="*";}console.log(str);}
</script>

循环语句：

		var num=0;var sum=0;while(num<=100){//打印偶数的和sum+=num;num+=2;}console.log("结果："+sum)for(var i=1;i<=5;i++){if(i==3){break;}console.log(i);}

函数定义

注意:函数没有返回类型和参数类型!!!
函数属于object，可以做参数！！

语法 : *	  var fun1(函数名)=function(){  }   方法一------------*    function 定义函数的关键字 *    function 函数名(参数列表){//方法2----------------------* 	      // 方法体 *    }var fun1=function(){console.log("hanshu");//普通函数}function fun2(a,b){console.log(a+b);//没有参数类型}fun2(1,2);//3function fun3(a,b){return a+b;//没有返回类型}var sum=fun3(2,3);//5console.log(fun3(2,3));//5//判断函数类型console.log(typeof fun1);//查看函数体中内容console.log(fun1);打印： functionƒ (){//函数1console.log("hanshu");}------------------------------------------------------------------------------------------------------------------------------------------------------	//函数是object的一种，将函数作为参数进行传递function test1(aa,obj){//函数定义方式2--------------------------------obj(aa);}//调用test1方法var a="我是参数";var fun1=function(aa){//函数定义方式1--------------------------------console.log(aa);}//调用fun1（）fun1(a);//打印a的值//函数作为参数：test1(a,fun1);//test函数调用fun1函数  打印传入的参数a的值

其他方法：

		//json解析//使用eval(String str)来执行javascript代码eval('var a=20;');//解析jsonconsole.log(a);//20//数据类型转换var b=parseInt("111");console.log(typeof(b));//numbervar c="asd";console.log(isNaN(c));//非数字true

date对象

			//date对象初始化var date=new Date();console.log(date);//date的方法console.log(date.getYear());console.log(date.getMonth());console.log(date.getDate());//月份中的几日console.log(date.getDay());//周几console.log(date.getHours());console.log(date.getMinutes());console.log(date.getSeconds());console.log(date.toLocaleDateString())

math类

		console.log(Math.abs(-9));console.log(Math.sqrt(4));console.log(Math.pow(2,3));//8console.log(Math.ceil(4.2));console.log(Math.floor(4.6));console.log(Math.round(4.5));console.log(Math.random()*5);//  ->[0,1)*5  这里会有小数出现//打印int的5-10的随机数console.log(Math.floor(Math.random()*6)+5)

String

		var str1="hello";var str2=new String("hello");console.log(str1.charAt(2));//第三个-》lconsole.log(str1.substr(2,2));//从2下标开始，往后两个数(23)11console.log(str1.substring(2,5));//左闭右开[2,5)->lloconsole.log(str1.toUpperCase());console.log(str1.toLowerCase());console.log(str1.concat("ll"));//拼接函数helloll

响应事件

点击事件
onclick 是事件到了类型
clickme() 点我事件触发的函数
ondblclick 双击事件

鼠标事件:
onmouseenter 鼠标进入
onmouseleave 离开
onmouseover 覆盖
onmouseout 不在区域

输入框失去焦点事件
onblur 失去焦点
onfocus 获取焦点 、
onchange 改变 事件 //select中可用

<style>div {width: 100px;height: 100px;background-color: red;}	
</style>

<body><div onmousemove="funmouse(event)"></div><br /><br /><div onmouseover="mouseover1()"  onmouseout="mouseout1()"></div>//分别表示鼠标覆盖和离开(功能写在script中),鼠标点击在div区域才生效<br /><button onclick="clickme()">点我</button>	//触发按钮，要在onclick中加函数，函数写在script中<button ondblclick="clickme2()">双击按钮</button>输入内容：<input onblur="blur1(this)" name="11" />//这里的this不能少，表示的是当前文本框失去焦点<select onchange="mychoose(this)"><option value="上海">shanghai</option><option value="beijing">bejing</option><option value="shenzheng">shenzheng</option></select>//功能代码：	<script>function funmouse(event){var eve=event||window.event;//取得对象获取window的事件var x=eve.x;var y=eve.y;console.log(x+"---"+y);}function mouseout1(){console.log("离开了...");	}function mouseover1() {console.log("进来了");}function mychoose(obj){// select  选中的值  value//      选中的下标  selectedIndexconsole.log(obj.value+"->"+obj.selectedIndex)//上海->0/beijing->1}function blur1(obj){alert("lose焦点"+obj.value);}function myLoad(){alert("加载初始化");}function clickme(){alert("让你点你就点，真没脾气");}function clickme2(){alert("谁让你点两下的？？？");}</script></body>

本文标签： js的使用方法和对象

版权声明：本文标题：js的使用方法和对象 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1732362003h1535480.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。