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 17 Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
javascript中一些util方法汇总
Jun 10 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
JavaScript使用原型和原型链实现对象继承的方法详解
Apr 05 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
Sep 22 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
JS实现可以用键盘方向键控制的动画
Dec 11 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中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
redis 队列操作的例子(php)
2012/04/12 PHP
php异常处理使用示例
2014/02/25 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
移动节点的jquery代码
2014/01/13 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
早读迟到检讨书
2014/01/24 职场文书
中秋寄语大全
2014/04/11 职场文书
验房委托书
2014/08/30 职场文书
小学体育课教学反思
2016/02/16 职场文书
责任书格式
2019/04/18 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS