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 相关文章推荐
jquery.alert 弹出式复选框实现代码
Jun 15 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
jQuery 图片切换插件(代码比较少)
May 07 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
Vue自定义指令介绍(2)
Dec 08 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
javascript实现超好看的3D烟花特效
Jan 01 Javascript
echarts浮动显示单位的实现方法示例
Dec 04 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
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
php strftime函数的详细用法
2018/06/21 PHP
PHP fclose函数用法总结
2019/02/15 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
jQuery Clone Bug解决代码
2010/12/22 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
python读取LMDB中图像的方法
2018/07/02 Python
python递归法解决棋盘分割问题
2019/07/17 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python中p-value的实现方式
2019/12/16 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
搬家公司的创业计划书
2014/01/01 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python