用惯了模板字符串,一时间不知道普通的+拼接字符串和变量怎么做了。虽然到现在也不能理解input赋值为什么这样写,但是先记录一下吧。

1、普通div拼接变量

str = '<div style="display: flex;justify-content: center;align-items: center"><div class="brown-circle" style="color: red;border-color: red"><span class="glyphicon glyphicon-bell"></span></div><div style="padding:6px 10px">'+yearTime+'<br/>'+hourTime+'</div></div>' ;

2、给input框value赋值

'<div class="col-xs-2 col-xs-2-new">'+'<input class="form-control" name="respName" readOnly="true" value="'+obj.respName+'">'+'</div>'

原生js字符串拼接问题(拼接字符串和变量,input框的value绑定变量)相关推荐

  1. JavaScript:原生js写的一个多按钮Popover 弹出框

    效果如图 需求:点击按钮弹出,如果不进行其他操作则弹出层延时消失,点击另一个按钮时清楚其他弹窗 思路:先完成一个具有弹出层的按钮的样式,使用伪元素定位到按钮上方,加入定时器使其自动消失,当点击另一个按 ...

  2. html中给li赋值,原生js拖拽ul里面的li给input赋值

    css部分 * { margin: 0; padding: 0; } .wallpaper { width: 800px; margin: 50px auto; } .dragTextBox { po ...

  3. js使用基础总结(简单封装,事件,foreach 原生js写法)

    1.forEach的灵活使用 [注意]数组专用的-----遍历函数方法相当于for循环 语法结构 arr.forEach(function(obj,index){ obj---数组中的具体数据,可以是 ...

  4. java实现选项卡定时轮播_原生js面向对象编程-选项卡(自动轮播)

    原生js面向对象编程-选项卡(自动轮播) }#div1 input{color:#fff;width:100px;height:40px;background:darkseagreen;border: ...

  5. jQuery动态绑定事件或者原生js动态绑定事件

    说一个这周写前后端交互时遇到的一个印象深刻的问题--动态绑定事件. 一.jQuery 一般我们给节点绑定事件使用的都是这样的形式 $("#btns").click(function ...

  6. 原生js join拼接html,javascript怎么拼接字符串?

    JavaScript中拼接字符串,常用的有两种方法,第一种是使用字符串运算符(+),第二种是将数组转为字符串的方法join(). 第一种方法 用连接符"+"把要连接的字符串连起来l ...

  7. 【JS】JS中数值型字符串相加变成拼接字符串的解决方法

    [JS]JS中数值型字符串相加变成拼接字符串的解决方法 参考文章: (1)[JS]JS中数值型字符串相加变成拼接字符串的解决方法 (2)https://www.cnblogs.com/xsjs/p/1 ...

  8. JS将数组里的字符串拼接成一个字符串

    JS将数组里的字符串拼接成一个字符串 1. join( ) join() 方法用于把数组中的所有元素放入一个字符串. 元素是通过指定的分隔符进行分隔的. 用法:把数组中的所有元素放入一个字符串,默认以 ...

  9. js中的concat函数-字符串拼接+数组拼接

    js中的concat函数-字符串拼接+数组拼接 一.concat() 方法用于字符串拼接字符串 let str1 = "abc"let str2 = "123" ...

最新文章

  1. sar极化想干矩阵_用于PolSAR图像分类的极化卷积网络
  2. 【c语言】蓝桥杯算法提高 c++_ch02_01
  3. 陈芳,高考之后我要学计算机专业,将来做 IT 发财了,我就娶你!
  4. dev c++怎么调试_「正点原子NANO STM32开发板资料连载」第十八章 USMART 调试组件...
  5. 云笔记项目-过滤器与拦截器学习
  6. 分布式调用时(WCF?)慎用 using(xxx){}
  7. 什么时候使用Shell
  8. sox处理mp3_SoX 音频处理工具使用方法
  9. [转载] 晓说——第23期:大师照亮八十年代
  10. 学以致提高学生操作计算机能力,学用结合,学以致用
  11. jmeter进行http压力测试
  12. 软工网络15团队作业8——Beta阶段冲刺合集
  13. win7用html做桌面,win7系统怎么制作主题桌面,win7系统制作主题桌面方法
  14. 基于Pytorch的cifar10分类网络模型
  15. 诺基亚6300手机游戏下载_回忆杀!重温那些年你一定玩过的经典手机游戏,快看你玩过几个?...
  16. flex+php ria应用开发实战详解,《Flex+PHP RIA应用开发实战详解-梁文新版》学习日记2...
  17. 【文献阅读2】Cytological and transcriptome analyses reveal abrupt gene expression for meiosis and sacchari
  18. 消息称谷歌杀手Cuil永久性关闭
  19. 【计算机架构】什么是实时操作系统、什么是非实时操作系统;实时操作系统和非实时操作系统的区别
  20. 一个很酷的基于OpenGL + C#的Wince界面开源程序

热门文章

  1. python学习笔记1——Linux操作命令
  2. CSA发布|《洞察2022 云上数据安全与重要事项 》
  3. 2020 年新基建七大领域 数据“新基建”
  4. React Native 热更新框架 - PUSHY
  5. 使用python进行字频统计和词频统计
  6. Planar Graph
  7. 海强集团的多表增删查改
  8. IP 网关 端口 网段 子网掩码 概念 区别
  9. ble连接过程建立_BLE配对绑定过程梳理
  10. 计算机对环境设计的作用,【环境设计论文】表现技法在环境设计专业的重要性(共2876字)...