JS的基础语法
8.运算符号表达式
①数学运算符
数学运算符有+、-、*、/除()、%(余数)
var a = 10;
var b = 5;
alert(a+b);
预览以后在网页上弹出的对话框数值就是15。
②逻辑运算符
逻辑运算符有&&(并)、||(或)、!(非)
③其它运算符
a.字符串的拼接
var s1 ="hello";
var s2 ="world";
var s = s1+s2;
hello是一个字符串,world也是一个字符串,两个字符串相加,弹出的网页就会出现helloworld。如果+两边都是数字,则是数学运算,如果有一方是字符串,则是字符串的相加。
b.三元运算符
var a =8;
var b =5;
var c = a==b?"A等于B":"A不等于B"
alert(c);
此三元运算符表示a是否等于b,如果a=b,则输出A等于B;如果a不等于b,则输出A不等于B。 其中,a==b表示a=b?,询问==两边的数字是否相等。
var sex =true;
var xb = sex?"男":"女";
alert(xb);
再比如上面代码,弹出页面是“男”,如果true改成flase,弹出页面会显示“女”。(注:波尔型里面true代表男,flase代表女。)
c.比较运算符
==(是否等于)、!=(不等于)、>、<、>=、<=
二、语句
1.顺序
按顺序进行运算的语句为顺序语句,顺序语句一般结束后都要加分号。
2.分支
作用是让程序根据条件的不同执行不同的代码。
①if语句
第一种写法:
var a = 5;
var b = 5; 条件
if(a==b) 如果符合条件
{
alert("A等于B") 符合条件执行的代码
}
第二种写法:
var a = 10;
var b = 5;
if(a==b)
{
alert("A等于B")
}
else
{
alert("A不等于B")
}
满足条件实行代码,不满足条件执行另一段代码。
第三种写法:
if(a==b && a>2)
{
alert("1111")
}
else if(a>2)
{
alert("2222")
}
else
{
alert("3333")
}
第三种写法中有2个条件,如果2个条件都满足,则输出1111,如果只满足一个条件a>2,则输出2222,如果2个条件都不满足,则输出3333。
if(a==b && a>2)
{
alert("1111")
}
if(a>2)
{
alert("2222")
}
else
{
alert("3333")
}
如果把else if(a>2)变成if(a>2),则变成了2段if语句,这2个语句挨个执行,弹出2个窗体。
if嵌套
if(a>2)
{
if(a=b)
{
elert("1111")
}
else
{
alert("2222")
}
}
如果a>2,则进下一个if a=b,a=b则弹出窗体输出1111,如果a!=b,则输出2222
var a = prompt("请输入年龄")
if(a>=18 && a<=50)
{
alert("可以使用")
}
else if(a<18)
{
alert("未成年人禁止访问")
}
else if(a>50)
{
alert("您年龄太大")
}
else
{
alert("输入内容不正确")
}
网页上输入的内容不同,弹出的对话窗口的内容也不一样。网页上输入文字后,只能点击“确定”才能读到数据,点击“取消”输入的数字无效。
②switch case 语句
var a = parseInt(prompt("请输入第一个变量"));
var b = parseInt(prompt("请输入第二个变量"));
var c = prompt("请输入运算符"); switch(c)
{
case "+":
alert(a+b);
break;
case "-":
alert(a-b);
break;
case"*":
alert(a*b);
break;
case"/":
alert(a/b);
break;
}
if语句是一个一个的条件进行判断,一个点一个点的去区分,要么满足,要么不满足。而switch相当于一个点分出n个支,switch(a)直接给一个变量,用case判断变量,冒号后面是执行的代码,break也是一个语句,是退出的意思,退出花括号。switch里面有一个语句是default(默认),用户输入的内容不在列出的范围内,就会走default。所有的语言输出都是字符串输出的,如果输入的是数字,就用“”括起来,变成字符串。
var a = parseInt(prompt("请输入第一个变量"));意思就是把输入的内容转换成整数。如果不转成整数,就代表的是相加的字符串,转成整数以后才能进行数字的运算。
JS的基础语法的更多相关文章
- [JS] javascript基础语法
W3CSchool全套Web开发手册:点击下载 1.javascript是什么 js是具有面向对象能力的,解释性的程序设计语言. 2.js的类型 [基本类型]:string number boolea ...
- css与html 与js的基础语法
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample_2-23456.a ...
- 转帖 JS的基础语法2
条件语句(if.switch). 循环语句(while.do…while. for … in).跳转语句(break,continue) 1.条件语句 Ø if语句 javascrip中的if语句 v ...
- 转帖 JS的基础语法
1.变量 1)变量是用来存储信息的容器. 2)在javascript中使用var 运算符(variable 的缩写)加变量名定义的. varx = 10; vary = 10.1; varz = “H ...
- 9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点
css3拓展: <display:none> 将某个元素隐藏 <visibility:hidden> 也是将某个元素隐藏 <display:block&g ...
- JavaScript的基础语法,你真的了解吗?
这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...
- node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法
1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...
- 关于JS脚本语言的基础语法
JS脚本语言的基础语法:输出语法 alert("警告!"); confirm("确定吗?"); prompt("请输入密码");为弱 ...
- 9.12 开课第9天 (JS脚本语音:基础语法、语句)
全称JavaScript 网页里面使用的脚本语音 非常强大的语言 基础语法:1.注释语法 单行注释// 多行注释/**/ 2.输出语法 alert(信息); 弹出信息 ...
随机推荐
- WebApp JS 打开 app
产品需求:分享出去的链接比如到微信朋友圈,微博的H5页面,添加一个按钮 open App 用来打开并启动自己公司的APP (如果当前手机已经安装自己公司的APP) 废话少说直接上代码: <inp ...
- 使用dom4j技术对xml文件的基本操作
1.pojo类:Notice package com.green.notice.storage; import java.util.ArrayList; import java.util.List; ...
- Cygwin ssh服务配置 (SecureCRT连接Cygwin配置)
1.运行ssh-host-config 这里需要注意的是标红部分,输入的用户名或密码要符合计算机的用户名或密码策略(尤其是公司有权限限制的电脑). $ ssh-host-config *** Quer ...
- Django+Nginx+MongoDB+Mysql+uWsgi的搭建
搭建目标如下: 图:系统架构图 这个系统可以提供web服务及其它查询应用服务,我用其做一个二手房信息搜集.处理及分发的系统,可以通过浏览器访问,也可以通过定制的客户端进行访问. 一.安装篇 1.下载安 ...
- MySQL命令输入错误 取消命令
mysql命令行输入错误字符需要取消执行时,可在分号“:”出现前输入“\c”来取消该条命令,注意c前边的“\”. 1 2 3 4 mysql> select -> user() -&g ...
- MVC4.0 使用Form认证,自定义登录页面路径Account/Login
使用MVC4.0的时候,一般遇到会员登录.注册功能,我们都会使用Form认证,给需要身份验证的Action进行授权(需要登录后才能访问的Action添加[Authorize]属性标签),登录.注册的时 ...
- C# 发送邮件实例
一.发送者首先要开启smtp服务,如QQ: 首先点QQ头像旁边的信封符号进入邮箱. 进入邮箱后点击顶部的设置按钮 3 点击二级目录“账户” 拉到中下部 把这两项勾上 4 点击保存 二.编辑代码,如 ...
- EF简单的增删查改
Add /// <summary> /// /// </summary> public void Add() { TestDBEntities2 testdb = new Te ...
- DataTemplate和ControlTemplate联系与区别
---恢复内容开始--- 正如标题中的两个拼接的单词所说,DataTemplate就是数据显示的模板,而ControlTemplate是控件自身的模板.(个人理解,错误请指出,谢谢) 我们看这二者在两 ...
- Android -- 经验分享
目录 代码中安装 ...