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的基础语法的更多相关文章

  1. [JS] javascript基础语法

    W3CSchool全套Web开发手册:点击下载 1.javascript是什么 js是具有面向对象能力的,解释性的程序设计语言. 2.js的类型 [基本类型]:string number boolea ...

  2. css与html 与js的基础语法

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample_2-23456.a ...

  3. 转帖 JS的基础语法2

    条件语句(if.switch). 循环语句(while.do…while. for … in).跳转语句(break,continue) 1.条件语句 Ø if语句 javascrip中的if语句 v ...

  4. 转帖 JS的基础语法

    1.变量 1)变量是用来存储信息的容器. 2)在javascript中使用var 运算符(variable 的缩写)加变量名定义的. varx = 10; vary = 10.1; varz = “H ...

  5. 9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点

    css3拓展: <display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏 <display:block&g ...

  6. JavaScript的基础语法,你真的了解吗?

    这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...

  7. node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  8. 关于JS脚本语言的基础语法

    JS脚本语言的基础语法:输出语法  alert("警告!");  confirm("确定吗?");   prompt("请输入密码");为弱 ...

  9. 9.12 开课第9天 (JS脚本语音:基础语法、语句)

    全称JavaScript    网页里面使用的脚本语音      非常强大的语言 基础语法:1.注释语法   单行注释//    多行注释/**/ 2.输出语法   alert(信息);  弹出信息  ...

随机推荐

  1. nginx 解决400 bad request 的方法(转载)

    nginx的400错误比较难查找原因,因为此错误并不是每次都会出现的,另外,出现错误的时候,通常在浏览器和日志里看不到任何有关提示. 经长时间观察和大量试验查明,此乃request header过大所 ...

  2. PHP变量名区分大小写,函数名不区分大小写

    PHP变量名区分大小写,函数名不区分大小写,经常被新手忽视的小细节,测试如下. PHP变量名区分大小写测试: <?php $aaa = "phpddt.com"; $AAA ...

  3. C++读入一个参数

    题目内容:已知正方形的边长,试编程求出其面积. 输入描述:输入不超过50个正整数的数据n(1<=n<=10000),每个正整数间以空格隔开. 输出描述:每次读入一个正整数,便输出其正方形的 ...

  4. 关联参数(&的用法)

    <?php header("Content-Type:text/html;charset=gb2312"); function test1(&$a){ $a.=&qu ...

  5. Delphi中nil和null的区别

    nil:空指针,空地址,对象也是指针,可以object := nil;null:是一个未定义值的变量,既不是0也不代表空字符串,它是未定义的.

  6. linux的串口驱动分析

    1.串口驱动中的数据结构 • UART驱动程序结构:struct uart_driver  驱动 • UART端口结构: struct uart_port  串口 • UART相关操作函数结构: st ...

  7. laravel 笔记

    1.excel composer require maatwebsite/excel ~2.0.0 Maatwebsite\Excel\ExcelServiceProvider::class, 'Ex ...

  8. WPF Canvas 画区域

    有时候需要实现类似于QQ截图那样的选择区域功能,这里的区域可以是一条线,圆,矩形等等 实现原理就是一个Canvas做蒙板,然后canvas的三个事件,MouseLeftButtonDown,Mouse ...

  9. ref和out的区别

    ref类型参数是按地址传递,能改变原来的数值.使用ref传参前,变量必须赋值. 带有ref类型参数的函数,不会清空变量,所以离开该函数的时候,所有ref引用的变量可以赋值也可以不赋值. out类型参数 ...

  10. android开发系列之由ContentValues看到的

    这本篇博客里面我想重点来分析一下ContentValues的源码以及它里面涉及到的继承接口Parcelabel,还有HashMap的源码. 相信使用过android里面数据库操作的朋友对于Conten ...