引號的使用

Question

為什么這行代碼會產生預期的結果：

document.getElementById('ID').style.backgroundImage = 'url('+ variable +')';

雖然此行不：

document.getElementById('ID').style.backgroundImage = "url('+ variable +')";

如何在JavaScript使用引號？

Answer 1

在Javascript中，單引號和雙引號是可以互換的，但必須在匹配對中使用。 如果您的文本已經包含一種樣式，則可以使用另一種樣式保留要用作文本一部分的樣式。 因此，假設variable = "mypage"然后

'url('+ variable +')'

將字符串編碼為

網址（mypage）

但

"url('+ variable +')"

將按字面意義對此進行編碼，包括運算符，變量名稱和所有

url（'+變量+'）

您可能要執行此操作的一個示例是

myname = "John";
sentence = 'My name is "' + myname + '".';

這將給

我的名字是約翰”。