运算符 = 用于给 JavaScript 变量赋值。

算术运算符 + 用于把值加起来

实例

指定变量值，并将值相加：

y=5;
z=2;
x=y+z;

在以上语句执行后，x 的值是：7

1.JavaScript 算术运算符

2.JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

3.用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

实例1：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     txt1="What a very";

     txt2="nice day";

     txt3=txt1+txt2;

     document.getElementById("demo").innerHTML=txt3;

 }

 </script>

 </body>

 </html>

运行结果：

可以看到txt1和txt2拼接到一块了。

实例2：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     txt1="What a very";

     txt2="nice day";

     txt3=txt1+" "+txt2;//插入空格

     document.getElementById("demo").innerHTML=txt3;

 }

 </script>

 </body>

 </html>

运行结果：

4.对字符串和数字进行加法运算

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：

实例：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     var x=5+5;//结果是10

     var y="5"+5;//结果是55

     var z="Hello"+5;//结果是Hello5

     var demoP=document.getElementById("demo");

     demoP.innerHTML=x + "<br>" + y + "<br>" + z;

 }

 </script>

 </body>

 </html>

注意：数字和布尔值相加，布尔值 false 转成 0，true 转成 1

var one=13;

var two=true;

var three=one+two;

// 结果 three:14

13JavaScript运算符的更多相关文章

  1. shell运算符

    原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 expr,expr 最常用. expr 是一款表达式计算工具,使用它能完成表达式的求值操作. #!/bin/bash v ...

  2. SQL Server-聚焦APPLY运算符（二十七）

    前言 其实有些新的特性在SQL Server早就已经出现过,但是若非系统的去学习数据库你会发现在实际项目中别人的SQL其实是比较复杂的,其实利用新的SQL Server语法会更加方便和简洁,从本节开始 ...

  3. java中的移位运算符：<<,>>,>>>总结

    java中有三种移位运算符 <<      :     左移运算符,num << 1,相当于num乘以2 >>      :     右移运算符,num >& ...

  4. 我的MYSQL学习心得（五） 运算符

    我的MYSQL学习心得(五) 运算符 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据 ...

  5. .NET 基础 一步步 一幕幕[运算符、占位符、转义符]

      运算符.占位符.转义符 好吧,在五局全胜之后,终于升到了三个钻,距离一个星星还有一大段距离,忽然想起来今天的博客还没写,果断坑队友,来写博客了....感觉以后还是每天更新一篇比较好.要不晚上就该熬 ...

  6. ECMASCript2015 提案 stage-3的对象展开运算符

    看源码时看到如下的代码 export default { //通过mapActions将actions映射到methods里 methods: { ...mapActions([ 'updateSta ...

  7. JavaScript权威设计--JavaScript表达式与运算符,语句(简要学习笔记六)

    1.delete是一元操作符,用来删除对象属性或者元素. var a={ x:1, y:2 } delete a.x; //删除x属性 “x”in a //false:a对象中已经不存在x属性 ale ...

  8. JavaScript权威设计--JavaScript表达式与运算符(简要学习笔记五)

    1.3种原始表达式     1.直接量:    1.23    //数字直接量                         “hello”    //字符串直接量                 ...

  9. LINQ to SQL语句(18)之运算符转换

    运算符转换 1.AsEnumerable:将类型转换为泛型 IEnumerable 使用 AsEnumerable<TSource> 可返回类型化为泛型 IEnumerable 的参数.在 ...

随机推荐

  1. Java基础之PDF文件的合并

    1.首先下载一个jar包:pdfbox-app-1.7.1.jar 2.代码如下: package com; import java.io.File; import java.io.IOExcepti ...

  2. Pig集群安装

    1.安装hadoop 这个之前已经写过 2.下载Pig,解压 3.保证Java和Hadoop已经在/etc/profile中配置 4.配置Pig安装目录 export PIG_INSTALL=/hom ...

  3. group by 一条语句实现多条语句的效果

    --一个sql 使用 group by 实现 4个 sql 的效果 select ProjectNumber,ClientName,jx,sf,sum(count) as TotalCount fro ...

  4. Windows 10 host where Credential Guard or Device Guard is enabled fails when running Workstation (2146361)

    To disable Device Guard or Credential Guard on Itanium based computers: Disable the group policy set ...

  5. java笔记--ASCII编码认知和转换

    ASCII是基于拉丁字母的一套电脑编码系统,主要用于显示英语字符是当今最通用的单字节编码.包括128个字符. --如果朋友您想转载本文章请注明转载地址"http://www.cnblogs. ...

  6. Python学习---DjangoForm的学习

    DjangoForm之创建工程 Form是什么东西: 用于验证用户请求数据合法性的一个组件 普通的Form提交的弊端: 1.用户提交数据的验证 2.前台需要进行错误信息的提示 3.需要保留上次用户输入 ...

  7. [T-ARA][넘버나인][No.9]

    歌词来源: 넘버나인 (No.9):http://music.163.com/#/song?id=27808770 넘버나인(Club ver.):http://music.163.com/#/son ...

  8. Oracle 11g简体中文版的安装过程及图解

    1.下载Oracle 11g 地址 http://download.oracle.com/otn/nt/oracle11g/win32_11gR1_database_1013.zip 基本安装 解压缩 ...

  9. python接口测试-项目实践（八） 完成的接口类和执行脚本

    脱敏后脚本 projectapi.py: 项目接口类 # -*- coding:utf-8 -*- """ xx项目接口类 2018-11 dinghanhua &quo ...

  10. Windows环境下JDK的配置及多版本JDK切换的方法记录

    (这里记录了笔者了解的关于JDK环境配置的信息,以及针对系统上存在不同版本JDK时所尝试的解决方案.具体来说,是已安装 JDK 8 后,又安装了 JDK 9 时所遇到的问题和尝试的解决方法.这次记录以 ...