字符串中的JavaScript变量

JavaScript Variable inside a String

本文关键字：变量 JavaScript 字符串      更新时间：2023-09-26

我刚开始学习JavaScript，遇到了一个小问题。

var id;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid= method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}

我试图在后面添加变量"id"，但无法理解的语法

<form action="./replay.php?uid=

像这样：

document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';

本质上你想要：

something = 'string literal' + variableName + 'another string literal';
字符串基本上是一个字符序列。使用字符串可以做的一件非常有用的事情是使用+运算符连接（联接）它们： 
var longString = 'This is ' + 'a long' + ' string'; // "This is a long string"

在字符串中间插入东西的最简单方法是将字符串的开头、你的东西和字符串的结尾连接起来：

var mySomething = 'a long';
var longString = 'This is ' + mySomething + ' string'; // "This is a long string"

你可以对你的id:做同样的事情

var id;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}

结果HTML经过预处理（id=123）：

<form action="./replay.php?uid=123" method="get">
  <hr>
  <input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;">
</form>

注意我是如何在id后面添加右引号的！

//var id;
// using id for example 12
var id = 12;
function replay(id){
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + ' method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>';  
}
相关文章：