运算符 = 用于给 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

    线性表是其组成元素间具有线性关系的一种线性结构,对线性表的基本操作主要有插入.删除.查找.替换等,这些操作可以在线性表的任何位置进行.线性表可以采用顺序存储结构和链式存储结构表示. 本接口的类属于da ...

  2. 运行第一个MapReduce程序，WordCount

    1.安装Eclipse 安装后如果无法启动重新配置Java路径(如果之前配置了Java) 2.下载安装eclipse的hadoop插件 注意版本对应,放到/uer/lib/eclipse/plugin ...

  3. 个人总结-7- 实现图片在MySQL数据库中的存储，取出以及显示在jsp页面上

    昨天主要是进行对数据库的内容提取出来并进行动态显示,这个只需要设置一个servlet从数据库中获取数据即可,只是图片比较特殊,不能显示. 今天准备继续找方法来实现图片得录入和显示到jsp中,准备从网上 ...

  4. 为exchange 2010 owa 添加验证码

    微软给了exchange owa页面加固的方案,如有需要,请查看. https://partnersupport.microsoft.com/zh-hans/par_servplat/forum/pa ...

  5. 浏览器跨域访问WebApi

      webapi地址:wapapi.ebcbuy.com web地址:wapweb.ebcbuy.com   在默认情况下这两个域名属于两个不同的域,他们之间的交互存在跨域的问题,但因为他们都同属于一 ...

  6. Azure之旅

    http://www.microsoft.com/web/downloads/platform.aspx http://www.microsoft.com/en-us/download/details ...

  7. GPL & Apache License

    Copyleft[编辑] GPL不会授予许可证接受人无限的权利.再发行权的授予需要许可证接受人开放软件的源代码,及所有修改.且复制件.修改版本,都必须以GPL为许可证. 这些要求就是copyleft, ...

  8. IntelliJ IDEA常用设置（转）

    IntelliJ IDEA是一款非常优秀的JAVA编辑器,初学都可会对其中的一些做法感到很别扭,刚开始用的时候我也感到很不习惯,在参考了网上一些文章后在这里把我的一些经验写出来,希望初学者能快速适应它 ...

  9. Spotlight监控Linux服务器

    1.安装 Spotlight on Unix 下载地址:http://worlddownloads.quest.com.edgesuite.net/Repository/www.quest.com/l ...

  10. FZU-1608 Huge Mission 线段树（更新懒惰标记）

    题目链接: https://cn.vjudge.net/problem/FZU-1608 题目大意: 长度n,m次操作:每次操作都有三个数:a,b,c:意味着(a,b]区间单位长度的价值为c,若某段长 ...