js基础语法与maven项目配置教程案例


Posted in Javascript onJuly 15, 2021
目录
  • 一,js的语句
  • 二,js的数组
  • 三,js的函数
  • 四,Maven
  • 五、总结

 

一,js的语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 js的语句</title>
		<!-- 在HTML里嵌入js代码 -->
		<script>
			// 2. 循环结构
				//练习3:在控制台输出结果,输出1亿每天花一半能花多少天,f12看
				var f = 0; //记录天数
				var g = 100000000 ; //记录钱
				while( g > 1){
					g = g/2;//改钱
					f++;//统计天++
				}
				console.log(f);
				//练习1:在控制台输出结果,输出1~10用,f12看
				for(var i  = 1;i < 11;i++){
					console.log(i);
				}
				//练习2:在控制台输出结果,输出1~10的和,f12看
				var e = 0;//记录总和
				for(var i  = 1;i < 11;i++){
					// e = e+ i;
					e += i;
				}
				console.log(e);
			// 1. 分支结构
				//练习4:根据用户输入的数字,弹出礼拜几
				//var d = prompt("请输入礼拜几:") ;//默认是string类型
				var d = parseInt( prompt("请输入礼拜几:") ) ;//string->number
				switch(d){
					case '1' : console.log("今天是礼拜1"); //在控制台输出结果,用f12看
					case 2 : alert("今天是礼拜2"); break;
					case 3 : alert("今天是礼拜3"); break;
					case 4 : alert("今天是礼拜4"); break;
					case 5 : alert("今天是礼拜5"); break;
					case 6 : alert("今天是礼拜6"); break;
					case 7 : alert("今天是礼拜7"); break;
				}
				//练习3:判断平年闰年(能被4整除且不能被100整除 | 能被400整除) 
				var c = prompt("请输入年份:");
				if( c%4==0 && c%100!=0 || c%400==0  ){
					alert("闰年");
				}else{
					alert("平年");
				}
				//练习2:接收用户输入的成绩,判断成绩所属的等级
				var b = prompt("请输入成绩:");
				if( b>=80 && b<=100 )
					alert("优秀");
				else if( b>=60 && b<80 )
					alert("中等");
				else if( b>=0 && b<60 )
					alert("不及格");
				else
					alert("输入有误");
				//练习1:判断a>10就弹1否则弹0
				var a = prompt("请输入整数");
				if( a > 10 ){
					alert(1);
				}else{
					alert(0);
				}
		</script>
	</head>
	<body>
	</body>
</html>

 

二,js的数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 js的数组</title>
		<!-- js的数组 ,Java里数组的特点:长度不能改变,数据类型单一 -->
		<script>
			//1. js定义数组,特点:长度可变,数据类型丰富
				var a = new Array();  //空数组
				a = new Array(10,1.1,'hello',true,null,10,1.1);  //改变a的长度
				console.log(a); //查看数组里的数据
				console.log(a.length); //获取a的长度
				a[99] = 0;  
				console.log(a); //查看数组里的数据
				console.log(a.length); //获取a的长度,100
				var b = [ ] ; //空数组
				b = [1,2,3,"jack",1.1];//赋值
				for(var i = 0 ; i < b.length ;i++){//遍历
					console.log(b[i]);//根据下标打印数据
				}
				//练习1:求数组里的偶数和
				var c = [1,2,3,4,5,6,7,8];
				//相当于java的foreach,,,,for...in
				for(var i in c){
					console.log(c[i]);
				}
				var d = 0 ; //记录和
				for(var i=0 ;i < c.length ;i++){
					if(c[i] % 2 ==0){
						d+=c[i];//求和
					}
				}
				console.log(d);
		</script>
	</head>
	<body>
	</body>
</html>

 

三,js的函数

js基础语法与maven项目配置教程案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 js的函数</title>
		<script>
			// 1. 函数写法1:有特定功能的一块代码
				// 声明函数 :function  函数名(参数列表){函数体}
				function a(){
					var b=[1,2,2,3,4];//定义数组
					for(var i in b){//遍历数组
						console.log(b[i]);//打印数据
					}
				}
				// 调用函数
				a();
			// 2. 函数写法2:有特定功能的一块代码	
				// 声明函数 :	var 函数名 = function(参数列表){函数体}
				var b = function(){
					console.log(100);
				}
				//调用:函数名(参数列表); -- 被调用的函数必须存在!!
				b();
			//3. 定义并调用含参函数
				function c(a,b){ //定义含参函数
					console.log(a+b);
				}
				c("hello",1);	  //调用含参函数
				var d = function(a,b){
					console.log(a+b);
				}
				d(1.1,2.6);
			//4. 定义并调用含参的有返回值的函数
				function e(a,b){
					return a+b;//把结果返回给调用者
				}
				var f = e(1,2);
				console.log(f);
				var g = function(){
					return "hello js" ;//把结果返回给调用者
				}
				var h = g();
				console.log(h);
			//练习:统计字符串里a字符出现的次数
				function cishu(str,chara){
					var count = 0 ;// 记录次数
					for(var j = 0 ; j < str.length ;j++){//遍历字符串
						var data = str.charAt(j);//获取每个字符
						//和a字符比较
						if(data == chara){
							//如果是a字符,就++
							count++; 
						}
					}
					return count;//返回给调用者
				}
				//调用cishu函数,统计字符串abcaaaaa中字符a出现的次数
				var count = cishu("abcaaaaa",'a');
				console.log("a字符串出现的次数是:"+count);
		</script>
	</head>
	<body>
	</body>
</html>

 

四,Maven

js基础语法与maven项目配置教程案例

js基础语法与maven项目配置教程案例

js基础语法与maven项目配置教程案例

js基础语法与maven项目配置教程案例

js基础语法与maven项目配置教程案例

js基础语法与maven项目配置教程案例

 

五、总结

本篇文章就到这里了,希望能给你带来帮助,也希望您能够多多关注三水点靠木的更多内容!

Javascript 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 #Javascript
Python机器学习之决策树和随机森林
微信小程序scroll-view不能左右滑动问题的解决方法
Vue Element-ui表单校验规则实现
Jul 09 #Vue.js
JavaScript数组reduce()方法的语法与实例解析
Jul 07 #Javascript
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 #Vue.js
Vue项目打包、合并及压缩优化网页响应速度
You might like
php修改指定文件后缀的方法
2014/09/11 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
jquery下checked取值问题的解决方法
2012/08/09 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python绘制雪景图
2019/12/16 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
python实现图像全景拼接
2020/03/27 Python
详解pandas绘制矩阵散点图(scatter_matrix)的方法
2020/04/23 Python
如何清空python的变量
2020/07/05 Python
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
CNC数控操作工岗位职责
2013/11/19 职场文书
项目总经理岗位职责
2014/02/14 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
消防安全员岗位职责
2014/03/10 职场文书
初中生评语大全
2014/04/24 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
出差报告怎么写
2014/11/06 职场文书
稽核岗位职责
2015/02/10 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript