在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>

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