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 new fun的执行过程
Aug 05 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
实例详解jQuery表单验证插件validate
Jan 18 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 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版(3)
2006/10/09 PHP
不错的一篇面向对象的PHP开发模式(简写版)
2007/03/15 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
微信支付开发交易通知实例
2016/07/12 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
解密效果
2006/06/23 Javascript
javascript 实用的文字链提示框效果
2010/06/30 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
js网页版计算器的简单实现
2013/07/02 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
Openlayers实现距离面积测量
2020/09/28 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
对于Python装饰器使用的一些建议
2015/06/03 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
高二化学教学反思
2014/01/30 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
工商企业管理专业自荐信范文
2014/04/12 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
专项资金申请报告
2015/05/15 职场文书
2015年信息技术教研组工作总结
2015/07/22 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python
Go 语言中 20 个占位符的整理
2021/10/16 Golang
MySQL分区路径子分区再分区
2022/04/13 MySQL
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android