在html标签中使用变量的正确方法

Question

当在html标签中使用变量（php或js）时，我总是很困惑。 我的大部分时间都浪费在编码上。 在互联网上进行了搜索，但各个方面均无所涵盖。

var variableToUse;

elem.append('<input type="text" value="variableToUse">');
elem.append('<div class="variableToUse" style="background-color: variableToUse">variableToUse</div>');

并且在PHP的情况下

$variableToUse;

$query = "SELECT $variableToUse, $variableToUse, $variableToUse FROM table WHERE name=$variableToUse and email=$variableToUse";
elem.append('<input type="text" value="$variableToUse">');
elem.append('<div class="$variableToUse" style="background-color: $variableToUse">$variableToUse</div>');

在某些情况下，我总是感到困惑，如果您能解释一下，那将非常有帮助。 或者，如果您可以提供更多示例或可能的方案。

Answer 1

在PHP中，您使用. 在变量和字符串之间； 字符串嵌入在引号中：

<?php 
$variable = "Morning";
echo "Good ".$variable; ?>
?>

...将导致“早安”

在JS中，变量不是用引号引起来，而不是. 你用+连接变量和字符串

<script>
var variable = "Morning";
var complete_name = "Good" + variable;
</script>

但是，在JS中没有“回声”功能。

---

其他文件（已编辑）：正如@Chris O'Kelly所写，只需将JS中的HTML链接视为常规字符串即可：

PHP：

<?php echo '<input type="text" value='.$yourvariable.'">'; ?>

JS：

<script>elem.append('<input type="text" value="' + yourvariable + '">');</script>

（ +周围的空格也可以省略）