JavaScript学习-1
本章目录:
--------①数据类型、
--------②定义变量、
--------③类型转换、
--------④运算符、
--------⑤比较符、
--------⑥if语句、
--------⑦switch case 语句、
--------⑧课后题练习(一元二次方程输入abc求x)
使用方法:
可以添加在html页面中任意位置
标签为<script></script>
内部js属性type,外部href链接js文件;
//单行注释
/*多行注释*/
js是一种弱类型语言,
一、数据类型
整形 int
小数 float(单精度) double(双精度) decimal
布尔型 bool
货币 money
时间 datetime
字符 char
字符串 string
对象 object
二、定义变量
强类型
int a =10;//数据类型 变量名称 变量的值;
bool b =ture;
弱类型 使用方法:先定义后使用;
var a; //定义变量
a = 1; a = "这是1"; a = 1.1;
输出方式:
1、alert(); 输出括号的值,只有一个确定按钮;
2、confirm(); 输出括号的值,有确定取消按钮;
3、prompt(); 作为提示存在,有确定取消按钮,还有文本框
4、document.write(); 输出并向页面添加元素;
三、类型转换
parseInt解析字符串返回一个整数。
四、运算符
+加 -减 *乘 /除 &取余数
五、比较运算符
== 等于 !=不等于 >大于 <小于 >=大于等于 <=小于等于
<script>
var a =1;
var b =3;
alert(a+b);
//输出4;
var c ="hello,";
var d ="world!";
alert(c+d);
//输出 hello,world! </script>


六、if语句
使程序根据条件执行代码;
if(condition){code};如果(条件判断){条件符合执行的代码};
else if(condition){code};除此之外如果(条件判断){条件符合执行的代码};
else{code};其他情况下执行的代码。
举例:如果时间早于10点输出上午好,10点到14点输出中午好,其他情况下输出你好;
<script>
//建一个变量a获取当前时间,建一个变量hour获取当前时间的小时数;
var a = new Date();
var hour = a.getHours();
//如果当前时间在6点以后10点以前,输出“上午好”,因为是第一个条件,所以使用if语句
if(hour<10&&hour>6){
alert("上午好!");
}
//如果时间在10点到14点之间,输出“中午好”.因为是第二个条件所以是用else if语句
else if(hour>=10&&hour<=14){
alert("中午好");
}
//除了上面两个时间断输出“你好哇!”
else{
alert("你好哇!");
}
</script>
因为写这段代码的时候是下午四点,所以不属于两个时间段,输出“你好哇!”

七、switch case语句(个人理解为逐行比较语句)
首先设置一个变量(条件),然后使用switch(参数)语句对变量进行比较,case跟随条件,如果其中一个条件符合则运行当前代码,并运行之后的代码。
所以当执行完所需代码后要使用break;跳出阻止下一个代码的运行
例如:根据当前时间date().day()输出就”今天是礼拜X“,注意序列从零开始,week从每周周日开始,因此周日的序列为零。
<script>
//建一个变量获取当前礼拜几
var week = new Date().getDay();
//使用switch逐个条件比较,因为每周是从周日开始到周六结束共七天,所以只有七个条件
//注意序列从零开始,week从每周周日开始,因此周日的序列为零。
switch(week){
case 0:
alert("今天是礼拜天");
break;
//每次获取到符合条件的代码时跳出,否则会继续执行之后的代码
case 1:
alert("今天是礼拜一");
break;
case 2:
alert("今天是礼拜二");
break;
case 3:
alert("今天是礼拜三");
break;
case 4:
alert("今天是礼拜四");
break;
case 5:
alert("今天是礼拜五");
break;
case 6:
alert("今天是礼拜六");
break;
}
</script>
因为写这段代码的时候是周二,所以输出“今天是礼拜二”

八、练习题:一元二次方程
一元二次方程方程ax2+bx+c=0,知道abc三个值,求根:x的值,已知Δ=b^2-4ac;x=(-b±√Δ)/(2a)。并且,Δ>0时有两个实数根,Δ=0时有一个根,Δ<0时没有实数根。
思路:
①需要输入三个值:a、b、c。
②求Δ。
④根据Δ与0比较,得出三种结果,并分别输出三种不同的结果;
<script>
//定义三个变量,使用prompt
var a = prompt("请输入a的值:","");
var b = prompt("请输入b的值:","");
var c = prompt("请输入c的值:","");
//计算得出Δ的值,并给与一个变量
var delta = b*b-4*a*c;
//根于delta与0相比较得出三种结果
if(delta>0){
var x1 = (-b+Math.sqrt(delta))/(2*a);
var x2 = (-b-Math.sqrt(delta))/(2*a);
alert("x的值为,x1:"+x1+",x2:"+x2+"。");
}
else if(delta==0){
var x = -b/(2*a);
alert("x的值为,x:"+x+"。");
}
else{
alert("x没有实数根。");
}
当a=1,b=-4,c=-5时,Δ>0有两个实数根




JavaScript学习-1的更多相关文章
- JavaScript学习(一) —— 环境搭建与JavaScript初探
1.开发环境搭建 本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个 ...
- Web编程基础--HTML、CSS、JavaScript 学习之课程作业“仿360极速浏览器新标签页”
Web编程基础--HTML.CSS.JavaScript 学习之课程作业"仿360极速浏览器新标签页" 背景: 作为一个中专网站建设出身,之前总是做静态的HTML+CSS+DIV没 ...
- JavaScript学习(3):函数式编程
在这篇文章里,我们讨论函数式编程. 什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算.函数编程语言最重要的基础是 λ 演算(lambda calculus). ...
- JavaScript学习(2):对象、集合以及错误处理
在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象 对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 ...
- JavaScript学习13 JavaScript中的继承
JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
- JavaScript学习11 数组排序实例
JavaScript学习11 数组排序实例 数组声明 关于数组对象的声明,以前说过:http://www.cnblogs.com/mengdd/p/3680649.html 数组声明的一种方式: va ...
- JavaScript学习10 JS数据类型、强制类型转换和对象属性
JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...
- JavaScript学习09 函数本质及Function对象深入探索
JavaScript学习09 函数本质及Function对象深入探索 在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念 ...
- JavaScript学习08 Cookie对象
JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cooki ...
随机推荐
- C#手动改变自制窗体的大小
Form1.cs using System;using System.Collections.Generic;using System.ComponentModel;using System.Data ...
- Cordova使用极光推送的方法
1.在极光推送官网注册账号.应用,注意注册的包名要和app的包名一致 2.添加插件 cordova plugin add jpush-phonegap-plugin --variable APP_KE ...
- 第七十八课 最短路径(Dijkstra)
核心思想是从已知的最短路径推算未知的最短路径. 添加程序: #ifndef GRAPH_H #define GRAPH_H #include "Object.h" #include ...
- ArcSDE账户频繁被锁定(Oracle显示12560协议适配器错误)
最近遇到了一个比较奇葩的问题,启动系统的时候无法显示地图服务,查找原因时发现无法连接Oracle.出现以下错误: 之前遇到这种问题,通常是由于同时安装了64位和32位Oracle客户端,且二者的环境变 ...
- PythonStudy——字符串重要方法 String important method
# 1.索引(目标字符串的索引位置) s1 = '123abc呵呵' print(s1.index('b')) # 2.去留白(默认去两端留白,也可以去指定字符) s2 = '***好 * 的 *** ...
- MySQL Error--打开过多文件导致数据库无法连接
[此文抄自同事的邮件,当作笔记学习] 环境描述Mysql 5.5.21OS centos 5.8zabbix agent 2.4.3 情况描述现象数据库处于运行状态,但是无法创建新的连接,监控报警数据 ...
- 虚拟机安装及Oracle安装
1.安装虚拟机(没难度,傻瓜装机) 新建虚拟机 自定义------下一步------- 稍后安装操作系统------下一步 下一步 下一步至完成 然后启动,就可以启动一个系统咯!!! 可以查一下虚拟机 ...
- Centos6.5安装mariadb的坑坑
最近在看Ansible,<Ansible权威指南>,然后有个地方是搭建Web应用框架,有个服务器是安装Mariadb,找到官方文档,一直弄,总是报错,换个思路,下载rpm到本地,安装,然后 ...
- Spring Boot 入门之基础篇(一)
原文地址:Spring Boot 入门之基础篇(一) 博客地址:http://www.extlight.com 一.前言 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是 ...
- QT QHttpMultiPart上传图片
使用get请求或post请求可以传递简单的参数,但要上传图片到服务器,就要多做一些工作了,如下代码片段利用post请求可成功上传图片到服务器: QNetworkRequest request; req ...