用js 写一个文字拼接
时间: 2023-07-18 09:07:27 浏览: 51
可以使用JavaScript中的字符串拼接操作符 `+` 来实现文字拼接。
例如,如果你想将两个字符串 `str1` 和 `str2` 拼接起来,可以使用以下代码:
```javascript
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2;
console.log(result); // 输出 "Hello World"
```
在上面的代码中,我们使用 `+` 操作符将两个字符串拼接起来,并在它们之间添加了一个空格。
你可以根据需要修改这个例子来实现你想要的文字拼接。
相关问题
用Js 写一个文字拼接
可以使用JavaScript中的字符串拼接操作符 `+` 来实现文字拼接。
例如,如果你想将两个字符串 `str1` 和 `str2` 拼接起来,可以使用以下代码:
```javascript
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2;
console.log(result); // 输出 "Hello World"
```
在上面的代码中,我们使用 `+` 操作符将两个字符串拼接起来,并在它们之间添加了一个空格。
你可以根据需要修改这个例子来实现你想要的文字拼接。
用bootstrap 写一个文字拼接
以下是使用 Bootstrap 编写的文字拼接示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Text Concatenation</title>
<!-- 引入 Bootstrap 样式 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
<h1 class="mb-4">Text Concatenation</h1>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Enter text 1" id="text1">
<div class="input-group-append">
<span class="input-group-text">+</span>
</div>
<input type="text" class="form-control" placeholder="Enter text 2" id="text2">
<div class="input-group-append">
<button class="btn btn-primary" type="button" id="concatBtn">Concatenate</button>
</div>
</div>
<div class="form-group">
<label for="result">Result:</label>
<input type="text" class="form-control" id="result" readonly>
</div>
</div>
<!-- 引入 jQuery 和 Bootstrap 的 JavaScript 插件 -->
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script>
$(function() {
// 点击 “Concatenate” 按钮时执行拼接操作
$('#concatBtn').click(function() {
var text1 = $('#text1').val();
var text2 = $('#text2').val();
var result = text1 + ' ' + text2;
$('#result').val(result);
});
});
</script>
</body>
</html>
```
这个示例包含两个文本框和一个按钮,用户可以在第一个文本框中输入第一段文本,在第二个文本框中输入第二段文本,然后点击按钮进行拼接。拼接的结果会在页面上显示出来。这个示例使用了 Bootstrap 的输入框组、表单组和按钮组件,使界面看起来更加美观。同时,使用 jQuery 来处理用户的输入和拼接操作。