如何在 HTML 中包含 JS 对象 [重复]答案

【问题标题】：How to include JS objects in HTML [duplicate]如何在 HTML 中包含 JS 对象 [重复]
【发布时间】：2017-11-01 12:04:24
【问题描述】：

我的 JS 文件中有这段代码：

var formStr = "<h5>How many books?:</h5><input type='number' id='bookinput'
value='' /><input type='button' value='submit' onclick='addbook();' />"
infowindow = new google.maps.InfoWindow();
infowindow.setContent(formStr);
infowindow.setPosition(location);
infowindow.open(map);

如上所示，JS 变量 formStr 具有 html 代码。我希望能够将 JS 变量放入其中，而无需将 HTML 从我的 JS 文件中移出。比如：

var objectType='book';
var formStr = "<h5>How many *objectType*?:</h5><input type='number' id='bookinput' value='' /><input type='button' value='submit' onclick='addbook();' />"

【问题讨论】：

标签： javascript jquery google-maps web

【解决方案1】：

只是连接。 var formStr = "<h5>How many " + objectType + "?:</h5>" 等等。

【讨论】：

【解决方案2】：

这很简单。使用您的示例：

var objectType='book';
var formStr = "<h5>How many " + objectType + "?:</h5><input type='number' id='bookinput' value='' /><input type='button' value='submit' onclick='addbook();' />"

【讨论】：

【解决方案3】：

--> 替换：

formStr.replace("*objectType*", "books")

--> ES5 连接：查看其他答案

--> ES6 字符串插值：

let formStr = `<h5>How many ${objectType}?:</h5>`

【讨论】：