js基础语法与maven项目配置教程案例
目录
- 一，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的函数
<!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
五、总结
本篇文章就到这里了，希望能给你带来帮助，也希望您能够多多关注我们的更多内容！
相关推荐
-
100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementB
-
vue.js入门教程之基础语法小结
前言 Vue.js是一个数据驱动的web界面库.Vue.js只聚焦于视图层,可以很容易的和其他库整合.代码压缩后只有24kb. 以下代码是Vue.js最简单的例子, 当 input 中的内容变化时,p 节点的内容会跟着变化. <!-- html --> <div id="demo"> <p>{{message}}</p> <input v-model="message"> </div> new
-
最细致的vue.js基础语法 值得收藏!
介绍 前段时间接触到一个库叫做Vue.js, 个人感觉很棒,所以整理了一篇博文做个介绍. Vue读音/vju:/,和view类似.是一个数据驱动的web界面库.Vue.js只聚焦于视图层,可以很容易的和其他库整合.代码压缩后只有24kb. 可以去 这里下载 .自己整理了一个Vue.js的demo, https://github.com/chenhao-ch/demo-vue 快速入门 以下代码是Vue.js最简单的例子, 当input中的内容变化时,p节点的内容会跟着变化. <!-- html
-
解决Maven静态资源过滤问题
软件版本: IDEA 2020.1 Maven 3.6.3 认识静态资源和动态资源 静态资源,包含HTMl,图片,CSS,JS等不需要与数据库交互的一类文件 动态资源:需要与数据库交互,可以根据需要显示不同的数据,不需要修改页面 问题描述 在src或其子文件夹下写了配置文件却无法被导出到target, 导致程序发生错误无法执行 写这个博客的时候是在mybatis配置的过程中遇到的问题, 以前也遇到过, 索性写下来趴 解决步骤 在pom.xml中加入 <build> <resources&
-
关于javascript事件响应的基础语法总结(必看篇)
1.onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件.同时onclick事件调用的程序块就会被执行,通常与按钮一起使用 //例子 <html> <head> <script type="text/javascript"> function add2(){ var numa,numb,sum; numa=6; numb=8; sum=numa+numb; document.write("两数和为:"+sum); }
-
js基础语法与maven项目配置教程案例
目录 一,js的语句 二,js的数组 三,js的函数 四,Maven 五.总结 一,js的语句 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 js的语句</title> <!-- 在HTML里嵌入js代码 --> <script> // 2. 循环结构 //练习3:在控制台输出结果,输出1亿每天花一半能花多少天,
-
初次使用IDEA创建maven项目的教程
第一次使用IDEA,创建一个maven项目,首先下载maven,官方地址:http://maven.apache.org/download.cgi 解压,在环境变量里配置 path里 D:\maven\apache-maven-3.5.2\bin,打开cmd,输入mvn -version 可以查看是否配置成功 打开IDEA,new project,选择maven项目,Project SDK选择自己的jdk, 选中webapp项目,点击next,GroupId是组名(一般是域名+公司名或姓名),A
-
Win10+VS2017新CUDA项目配置教程
本文记录了CUDA项目配置教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 一.新建项目 打开VS2017→ 新建项目→Win32控制台应用程序 → "空项目"打钩 二.调整配置管理器平台类型 右键项目→ 属性→ 配置管理器→ 全改为"x64" 三.配置生成属性 右键项目 → 生成依赖项→ 生成自定义→ 勾选"CUDA 9.0XXX" 四.配置基本库目录 注意:后续步骤中出现的目录地址需取决于你当前的CUDA版本及安装路径 右键项目→属性→
-
Maven项目配置Tomcat的两种方式
目录 idea开发工具配置 1. 创建Maven项目 2. web.xml 3. index.jsp 4. 配置Maven项目 5. 配置Tomcat 6. 启动Tomcat eclipse开发工具配置 1.配置tomcat服务器 2.创建maven项目 3.部署项目 4.启动tomcat容器 idea开发工具配置 1. 创建Maven项目 并创建如下文件结构 2. web.xml <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//D
-
JavaScript高级程序设计（第3版）学习笔记2 js基础语法
这一篇复习一下ECMAScript规范中的基础语法,英文好的朋友可以直接阅读官方文档.JavaScript本质上也是一种类C语言,熟悉C语言的朋友,可以非常轻松的阅读这篇文章,甚至都可以跳过,不过建议你最好还是看一看,在介绍的同时,我可能会引用一些自认为不易理解且比较流行的用法. 基础语法 1.标识符:所谓标识符,实际上就是指一个满足一定规范,能够被引擎识别的名字,可以用来表示常量.变量.函数名.函数参数.对象.对象属性等所有可命名对象的名称. (1)区分大小写. (2)以字母.下划线(_)或美
-
eclipse构建和发布maven项目的教程
对于maven的部署和安装插件不熟的同学可以看一下上两篇文章maven的部署和安装: 此笔记已经集成了maven的插件. 一.构建Maven项目 用eclipse构建maven项目之前我们需要为eclipse做一些必要的配置 一些必要的配置 1.点击eclipse菜单栏的Window下的preferences,选择Maven菜单 2.选择Installations,选择Add,添加你本地安装的maven安装目录,如下所示. 3.点击Apply应用,然后选择左侧菜单的User Settings,为
-
Node.js使用Express创建Web项目详细教程
序:如果你还不知道Node.js是什么,那么你可以先看看这篇:Node.js 究竟是什么?或者任何关于它的介绍. 一.安装Node.js 1.进入Node.js官网下载并安装 2.启动cmd输入命令查看node及npm版本 node -vnpm -v npm是node完成安装后自带的包管理器 二.安装Express express是node平台下最常用的web应用开发框架 1.全局安装express npm install -g express Win7环境全局安装在C:\Users\Admin
-
ASP.NET Core项目配置教程（6）
在这一章,我们将讨论 ASP.NET Core项目的相关的配置.在解决方案资源管理器中,您将看到 Startup.cs 文件.如果你有以前版本的 ASP.NET的工作经验,你可能希望看到一个 global.asax 文件,您可以在其中编写代码,它是一个编写程序启动时立即执行的代码的文件. 你可能也希望看到一个 web.config 文件,该文件包含您的应用程序执行所需的所有配置参数. 在 ASP.NET Core中,那些文件都没了,取而代之的是 Startup.cs文件. Startup.cs里
-
JavaScript基础语法让人疑惑的地方小结
复制代码 代码如下: /* JS基础语法中,几个比较容易让人疑惑的地方. */ /* == === */ function de() { var ab = 25; //数值 var ba = "25"; //字符串 if (ab == ba) { //==,会先转换,后比对. //alert("b"); } if (!(ab === ba)) { //===不会转换,而进行直接比对,ab是数值类型数据,而ba是字符串类型数据 //alert("a"