如何在 javascript 中轉義字符串中的多個引號

Question

var mystring1= "'Create new folder' not working (Registry Fix)";
var mystring2 = ""Create new folder" not working (Registry Fix)";
var str = "<div itemname="+mystring1+" title ="+mystring2+">";

但是當我在呈現這個 html 之后檢查元素時，我看到了

"div itemname "Create new folder" not working (Registry Fix) title "Create new folder" not working (Registry Fix)>

但我想要這種格式

<div itemname='Create new folder' not working (Registry Fix) title="Create new folder" not working (Registry Fix)>

我想要一個通用的轉義序列方法用於單引號和雙引號。

Answer 1

最好的解決方案是不使用字符串操作來創建 DOM 元素，而是使用 DOM 方法。

 var mystring1 = "'Create new folder' not working (Registry Fix)"; var mystring2 = '"Create new folder" not working (Registry Fix)'; var div = document.createElement("div"); div.setAttribute("itemname", mystring1); div.setAttribute("title", mystring2); div.innerText = "hover or click on me"; div.addEventListener("click", function() { console.log(this.getAttribute("itemname")); }); document.getElementById("container").appendChild(div);

 <div id="container"> </div>

Answer 2

在需要轉義字符串文字的地方使用轉義字符 \。

var mystring1 = "'Create new folder' not working (Registry Fix)";

var mystring2 = "\"Create new folder\" not working (Registry Fix)";

var str = "<div itemname = \"" + mystring1 + "\" title = '" + mystring2 + "'>Something</div>";