JavaScript中“+=”的应用

 更新时间:2007年02月02日 00:00:00   作者:  
加法赋值运算符 (+=)。将变量值与表达式值相加,并将和赋给该变量。
   在写JavaScrpt的时候经常会用到,说实话我以前不是很理解。看了很多的代码感觉就是因为一个变量太长了用它来分几行来写罢了。但它和解决了我其他的问题。
   在一些时候我们需要使用一系列的HTML代码来作为变量,而HTML里面有时时会包含一些引号。比如
复制代码 代码如下:

var Nameform='<div id="PointName"><input id="PointNameText" type="text" size=18 value="请在此输入地标名" class="inputField" onFocus="this.value=null" onBlur="this.value='请在此输入地标名'"/></div>';

这时候你会发现引号的问题始终困扰着你。这时候用'+='就解决问题了。
复制代码 代码如下:

var Nameform='<div id="PointName"><input id="PointNameText" type="text" size=18 value="请在此输入地标名" class="inputField" onFocus="this.value=null" onBlur="this.value=';   
Nameform+="'";  
Nameform+='请在此输入地标名';  
Nameform+="'";  
Nameform+='"/></div>'; 

相关文章

  • Swiper实现导航栏滚动效果

    Swiper实现导航栏滚动效果

    这篇文章主要为大家详细介绍了Swiper实现导航栏滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 微信小程序scroll-view实现左右联动

    微信小程序scroll-view实现左右联动

    这篇文章主要为大家详细介绍了微信小程序scroll-view实现左右联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • TypeScript中的interface与type实战

    TypeScript中的interface与type实战

    这篇文章主要介绍了TypeScript中的interface与type详解,它们都是用来定义类型的强大工具,在实际开发中,你可以根据具体情况选择使用 interface 或 type,或者甚至将它们结合起来使用,需要的朋友可以参考下
    2023-06-06
  • javascript实现简单的on事件绑定

    javascript实现简单的on事件绑定

    这篇文章主要介绍了javascript中Event 对象中的 on, off 方法,非常的简单实用,有需要的小伙伴可以参考下
    2016-08-08
  • javascript XML数据显示为HTML一例

    javascript XML数据显示为HTML一例

    通过Javascript把xml转换成html格式输出一列
    2008-12-12
  • 学习Javascript面向对象编程之封装

    学习Javascript面向对象编程之封装

    这篇文章主要帮助大家学习Javascript面向对象编程之封装,由浅入深的介绍了封装的概念定义,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 微信小程序自定义导航栏

    微信小程序自定义导航栏

    这篇文章主要为大家详细介绍了微信小程序自定义导航栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js弹出窗口简单实现代码

    js弹出窗口简单实现代码

    这篇文章主要为大家详细介绍了js弹出窗口的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • javascript 使用 NodeList需要注意的问题

    javascript 使用 NodeList需要注意的问题

    理解NodeList及其近亲NamedNodeMap和HTMLCollection,是从整体上透彻理解DOM的关键所在,这三个集合都是“动态的”,换句话说,每当文档结构发生变化时,他们都会得到更新。
    2013-03-03
  • require.js与bootstrap结合实现简单的页面登录和页面跳转功能

    require.js与bootstrap结合实现简单的页面登录和页面跳转功能

    这篇文章主要介绍了require.js与bootstrap结合实现简单的页面登录和页面跳转功能,需要的朋友可以参考下
    2017-05-05

最新评论