原生js字符串拼接问题（拼接字符串和变量，input框的value绑定变量）

最新推荐文章于 2024-04-28 00:00:00 发布

weixin_45359987

最新推荐文章于 2024-04-28 00:00:00 发布

阅读量1.2k

点赞数 3

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45359987/article/details/127576291

版权

用惯了模板字符串，一时间不知道普通的+拼接字符串和变量怎么做了。虽然到现在也不能理解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>'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_45359987

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
原生js字符串拼接问题（拼接字符串和变量，input框的value绑定变量）

普通的+拼接字符1、普通div拼接变量2、给input框value赋值
复制链接

扫一扫

JS原生数据双向绑定实现代码

10-19

在JavaScript中，数据双向绑定是一种常见于前端框架如Angular、Vue和React等的功能，它使得视图和模型之间可以实时同步。在这个实例中，我们将探讨如何使用原生JavaScript实现简单的数据双向绑定。首先，我们需要...

原生js实现表格翻页和跳转

10-14

原生JavaScript实现表格的翻页和跳转功能可以帮助我们有效地管理页面上的内容，提高用户体验。本篇将详细介绍如何使用JavaScript实现这一功能。首先，我们需要一个HTML表格结构，包含表头（thead）、主体（tbody）...

参与评论您还未登录，请先登录后发表或查看评论

liuwei

突维

11-22

1507

v-modal的使用。绑定input事件,把当前input标签的value值赋值给绑定变量 v-bind绑定一个value属性；v-on指令给当前元素绑定input事件。 Vue实现数据双向绑定的原理 vue.js是采用数据劫持，并结合发布者——订阅者的模式：通过Object.defineProperty()来劫持vue中各个属性的setter、getter，在数据变动的时候，再发布消息给订阅者 Vue响应式原理的核心就是Observer、Dep、Watcher。 Observer中进行响应式的

input 标签原生实现数字选择器

悟世君子的博客

03-24

1611

在使用开源的UI框架时，实现数字选择器很容易，直接拷贝就行，如iview、elementui...等。但有时项目不使用第三方样式库，这样的话UI控件只能自己实现。笔者就遇到过这样的情况，自己实现数字选择器，下面分享下实现思路首先要能拿到 input框输入的值，这里会想到2个事件，onchange 和 oninputonchange 输入完成后，失去焦点后触发oninput 输入时就触发。

JS 合并拼接字符串 （ 5种方法）

最新发布

大剑师兰特的GIS世界

04-28

2856

- **加号 (+)**：简单易用，但可能影响代码可读性和性能。 - **模板字面量**：简洁直观，支持多行和嵌入表达式，是现代JavaScript中最推荐的拼接方式。 - **`concat()`**：功能较弱，不如其他方法灵活，较少使用。 - **数组 `join()`**：适用于拼接大量字符串，性能较好，但需预先收集到数组中。 - **`replace()`** 结合空正则表达式：特殊场景下的优化手段，一般不推荐常规使用。

使用原生js实现数据的双向绑定

m0_60676278的博客

02-17

336

Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。关于vue的双向数据绑定，其核心是 Object.defineProperty()方法。使用原生js实现数据的双向绑定。obj：需要定义属性的当前对象。prop：当前需要定义的属性名。desc：具体的改变方法。

前端html标签中拼接变量

resilient的博客

02-10

7355

注意引号单引号双引号变量的拼接方式

在 JavaScript 中连接字符串和整数

six6de6的博客

09-01

1542

在 JavaScript 中连接字符串和整数的两种方法

vue.js input框之间赋值方法

10-18

总结，Vue.js中的input框之间赋值可以通过`ref`和`v-model`实现。`ref`用来获取DOM元素，`v-model`则用于双向数据绑定。同时，Vue的模板语法要求我们遵循特定的规则，如使用`:`前缀（v-bind缩写）为属性绑定数据，以...

原生JS数字加减法计算求和特效代码

03-20

在JavaScript（原生JS）中，进行数字加减法计算是基础且常见的操作。这个“原生JS数字加减法计算求和特效代码”可能是一个实现了动态加减法计算并带有特定视觉效果的代码示例。下面我们将深入探讨JavaScript中的数字...

原生js实现淘宝购物车功能

10-20

接下来，我们通过JavaScript获取DOM元素，并定义一些全局变量，如`totalNumber`（总数量）、`totalPrice`（总价）和`mostExpensive`（最贵商品价格）。我们还需要一个数组`maxPrice`来存储当前购物车中最贵的商品...

JS如何定义用字符串拼接的变量

11-20

今天在写js的时候碰到了难题，我又一个页面需要生成很多的变量。但是变量的名称是根据参数的不同而区分的。例如可能需要生成 date_1,date_2,datet_3… （后面的数字是根据参数来的）。所以我的函数名应该由 var name = “test_”+num; 生成函数名但这问题就来了。 1可以使用 window[name] = ” ” 这种方式来定义变量：所以 var “test_”+num = 100; 这中肯定是错误的。后来问了大哥后才知道。可以使用 window[name] = 100 这种方式来定义变量。看代码 function create_variable(

js拼接字符串方法总结

wanwandeguoguo的博客

07-31

263

主要介绍前端拼接字符串的多种方法。比如，反引号“ ` ”,反引号在vue中使用变量，表达式和方法。以及join, concat等的详细用法

Vue input控件通过value绑定动态属性及修饰符

热门推荐

heartOfblack 离开了电脑，我不希望我还有病

05-02

6万+

对于单选按钮，勾选框及选择列表选项， v-model 绑定的 value 通常是静态字符串（对于勾选框是逻辑值）： <input type="radio" v-model="picked" value="a">  <input type="checkbox" v-model=

js的字符串和变量拼接

我的博客

05-08

5441

使用反引号拼接字符串和变量 let count = 1 name = `用户${count}` console.log(name); 注意是反引号不是引号，反引号是Esc下面的一个按键

html input的value中加变量

weixin_46111974的博客

03-22

2936

html +=’’;

input的值绑定

jwz934738949的博客

07-10

4761

在定义input标签时，value值不是确定的值，而是一个动态变化的值，需要用户或者是从网络中获取的，所以使用动态的值绑定来给input的value属性绑定值。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input的值绑定</title> </head> <body> <div id="app"&g

原生字符串和模式字符串的区别

03-26

原生字符串和模式字符串的区别在于字符的转义方式。在原生字符串中，反斜杠字符 \ 被视为普通字符，不需要转义。而在模式字符串中，反斜杠字符 \ 被视为转义字符，用于表示特殊字符。举例来说，在原生字符串中表示一个反斜杠字符需要使用两个反斜杠转义，即 '\\\\'，而在模式字符串中只需要一个反斜杠即可，即 '\'。另外，模式字符串中的特殊字符会被解析为正则表达式的元字符，如圆括号 ( ) 表示捕获组、方括号 [ ] 表示字符集。而在原生字符串中，这些特殊字符只被视为普通字符，不具备特殊意义。综上所述，原生字符串和模式字符串的主要区别在于转义方式和特殊字符的解析方式。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交