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渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
理解Javascript_05_原型继承原理
Oct 13 Javascript
JavaScript在XHTML中的用法详解
Apr 11 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
javascript跨域的4种方法和原理详解
Apr 08 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
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
一个数据采集类
2007/02/14 PHP
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
javascript 日期常用的方法
2009/11/11 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jQuery实现的文字hover颜色渐变效果实例
2016/02/20 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
深入了解Hybrid App技术的相关知识
2019/07/17 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
解决Python selenium get页面很慢时的问题
2019/01/30 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
毕业生大学生活自我总结
2014/01/31 职场文书
环保建议书300字
2014/05/14 职场文书
党员承诺书范文
2014/05/19 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
无刑事犯罪记录证明范本
2014/09/29 职场文书
交通事故死亡赔偿协议书
2014/12/03 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
《山中访友》教学反思
2016/02/24 职场文书
公司会议开幕词
2016/03/03 职场文书
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL