原生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实现简单的数据双向绑定。首先，我们需要...

基于JavaScript实现复选框的全选和取消全选

10-20

需要注意的是，这个示例使用了原生JavaScript实现，但也可以使用jQuery库（如本示例中引入的`jquery-1.11.3.js`）来简化代码。例如，`allchk()`和`allUnchk()`可以改写为： ```javascript function allchk(allWp) {...

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

liuwei

突维

11-22

1514

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

1619

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

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

最新发布

大剑师兰特的GIS世界

04-28

3255

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

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

m0_60676278的博客

02-17

337

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

前端html标签中拼接变量

resilient的博客

02-10

7364

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

在 JavaScript 中连接字符串和整数

six6de6的博客

09-01

1576

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

vue.js input框之间赋值方法

10-18

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

Vue循环中多个input绑定指定v-model实例

11-19

2. **字符拼接**：另一种方式是基于字符串动态生成`v-model`的名称，如`v-model="input + index"`，其中`input`是一个字符串，如`'input'`，这样生成的`v-model`就会依次是`input0`、`input1`等。 ### 方法二：...

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

10-14

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

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

275

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

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