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 相关文章推荐
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
微信小程序 页面之间传参实例详解
Jan 13 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
分享5个顶级的JavaScript Ajax组件库
Sep 16 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 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将数据库导出成excel的方法
2010/05/07 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
AJAX的使用方法详解
2017/04/29 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
php中yii框架实例用法
2020/12/22 PHP
编写Js代码要注意的几条规则
2010/09/10 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
Python深入学习之上下文管理器
2014/08/31 Python
用Python抢过年的火车票附源码
2015/12/07 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
毕业生自我鉴定
2013/12/04 职场文书
安全生产大检查方案
2014/05/07 职场文书
欢迎横幅标语
2014/06/17 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技