js的使用方法和对象

最新推荐文章于 2024-08-02 17:46:30 发布

你得握有刀剑

最新推荐文章于 2024-08-02 17:46:30 发布

阅读量147

点赞数

分类专栏： javaee

本文链接：https://blog.csdn.net/qq_39027486/article/details/100381333

版权

javaee 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

js的使用方法和对象

js数组和java数组

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

var arr=new Array();//动态数组，随时扩容-------------方法1
		arr[0]="qwe";
		arr[1]="shenz";
		arr[2]="guangz";
		arr[3]="wuh";
		console.log(arr.length);//4
		var ar2=new Array(5);//定长数组-----------------------方法2
		var ar3=["123","456","789"];//--------------------方法3
		console.log(ar2.length);//5
		console.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);//3
		function fun3(a,b){
			return a+b;
			//没有返回类型
		}
		var sum=fun3(2,3);//5
		console.log(fun3(2,3));//5


		//判断函数类型
		console.log(typeof fun1);
		//查看函数体中内容
		console.log(fun1);

打印： function
		 
	  ƒ (){//函数1
			console.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;');//解析json
		console.log(a);//20
		//数据类型转换
		var b=parseInt("111");
		console.log(typeof(b));//number
		var 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));//8
		console.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));//第三个-》l
		console.log(str1.substr(2,2));//从2下标开始，往后两个数(23)11
		console.log(str1.substring(2,5));//左闭右开[2,5)->llo
		console.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
				//      选中的下标  selectedIndex
				console.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>