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 判断脚本加载完毕的代码
Jul 13 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
Javascript进制转换实例分析
May 14 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
Reactjs实现通用分页组件的实例代码
Jan 19 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
JS继承实现方法及优缺点详解
Sep 02 Javascript
浅析VUE防抖与节流
Nov 24 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
PHP中上传大体积文件时需要的设置
2006/10/09 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
php中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
Node.js模块加载详解
2014/08/16 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
Python运算符重载详解及实例代码
2017/03/07 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
Python实现的字典值比较功能示例
2018/01/08 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
C/C++有关内存的思考题
2015/12/04 面试题
企业军训感想
2014/02/07 职场文书
动物科学专业求职信
2014/07/27 职场文书
离职证明标准格式
2014/09/15 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
铁人观后感
2015/06/16 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书