9-10 h5总结~函数、对象、数组

最新推荐文章于 2022-03-23 13:55:56 发布

小菜鸟码住

最新推荐文章于 2022-03-23 13:55:56 发布

阅读量319

点赞数

分类专栏： h5知识

本文链接：https://blog.csdn.net/hfyldx/article/details/100706184

版权

h5知识专栏收录该内容

19 篇文章 0 订阅

订阅专栏

函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			document.write('<h1 style="color: red;">Hello world<h1>');
//			函数声明
//			函数名以英文字母或者$开头，不能是关键字
			function fn(){
				console.log(100);
				
			}
			var f = function(){
				console.log('这是f函数');
			}
			//函数的调用
			fn();
			fn();
			f();
			function printTable(row,col){
				 var row = 3,
                     col = 5;
        document.write('<table width="100" border="1">');
        //直接在网页中输出内容
        for(var i=0;i<row;i++){
        	//循环语句 （定义一个量，判断语句，自增）
            document.write('<tr>');
           
            for(var j=0;j<col;j++){
                document.write('<td>'+j+'</td>');
            }//二次循环
            document.write('</tr>');
        }
        document.write('</table>');
        
			}
			printTable(3,5);
			printTable(7,8);
//			函数的参数(函数声明时是形参，调用时是实参)
//			函数的返回值(返回一个值，或者直接跳出整个函数)
//			函数return后没有值，函数也有返回值，是undefined
//			函数如果没有return语句，也有返回值，undefined
			function sum(a,b){
				return a+b;
			}
			console.log(sum(1,5));
			alert(sum(10,20));
            function sum(a,b){
            	if(a>b){
            		return '请输入合法的两个数';
            	}
            	var all=0;
            	for(var i=a;i<=b;i++){
            		all+=i;
            	}
            	return all;
          }
             function evenSum(a,b){
				return a+b;
			}
			console.log(sum(1,5));
			alert(sum(10,20));
            function sum(a,b){
            	if(a>b){
            		return '请输入合法的两个数';
            	}
            	var all=0;
            	for(var i=a;i<=b;i++){
            		
            		all+=i;
            	}
            	return all;
            }
            console.log(evenSum(1,4));
            function isPrime(a){//判断质数
            	for(var i=2;i<a;i++){
            		if(a%i==0){
            			return false;
            		}
            	}
            	return true;
            }
            function primeSum(a,b){
            	var sum = 0;
            	for(var i=a;i<=b;i++){
            		isPrime(i)&&(sum+=i);
            	}
            	return sum;
         }
            console.log(primeSum(2,7));

             
		</script>
	</head>
	<body>
		
	</body>
</html>

在这里插入图片描述
数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//数组声明
			var arr = [1,2,3,4,5];
//			//数组的访问
//			console.log(arr[0]);
//			//数组的方法
//			//push:数组末尾添加一项,并返回数组的长度；
//		var newArr = arr.push(3,4.5);
//			console.log(newArr);
//			console.log(arr);
           //pop:删除数组末尾的元素，并返回
//          var ele = arr.pop();
//          console.log(ele,arr);
          //arr.shift   arr.unshift
          //splice:从某一位开始删，删除几个，在该位添加
         var ele = arr.splice(1,0,100,90);
          console.log(arr,ele);//添加
          //数组的去重
          //数组的排序
		</script>
	</head>
	<body>
		
	</body>
</html>

对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//window对象是最根上的对象
			console.log(window);
			//window对象下的对象
			//alert();
			//var a = 100;//声明的变量是加到window对象上的属性
			//console.log(window.a);
			window.onload = function(){
		    var btn = document.getElementById('btn');
			btn.onclick = function(){
			var flag = confirm('你确定要放弃H5吗');
			console.log(flag)
			//打开指定网址的窗口
			var win= open('https://www.baidu.com/');
			//延迟执行
			setTimeout(function(){
				win.close();
			  },3000)
			var i = 0;
			//周期执行
			setInterval(function(){
				console.log(i++);
			},1000);
         }
	}
		</script>
	</head>
	<body>
		<button id="btn">请选择</button>
	</body>
</html>

对象的声明

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//对象的声明(一系列属性和)
			//this是调用当前的对象
//			var name ='潘俊龙';
//			var age =18;
//			var height=180;
//			var weight =80;
//			function say(){
//				console.log('我很帅');
//			}
			 var obj=new Object();
              var obj={
              	name:'潘',
              	age:18,
              	height:180,
              	say:function(){
              		console.log(this.name);
              	}
              };
              //对象的访问
              console.log(obj.name);
              console.log(obj['name']);
              obj.say();
              //添加属性或方法
              obj.weight=80;
            
              //修改
              obj.name='潘帅帅';
               console.log(obj);
               //删除属性
               delete obj.name;
               //遍历(for in 循环)
               for(var item in obj){
               	if(typeof obj[item]!=="function"){
               			document.write(obj[item]+'<br>');
               	}
               }
               //var obj=new Object();
		</script>
	</head>
	<body>
	</body>
</html>

小菜鸟码住

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
9-10 h5总结~函数、对象、数组

函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> document.write('<h1 style="color: red;">Hello world<h1>...
复制链接

扫一扫