Question

我的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();' />"

Answer 1

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

Answer 2

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

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

Answer 3

- ＆GT;替换：

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

- ＆GT; ES5连接：请参阅其他答案

- ＆GT; ES6字符串插值：

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

如何在HTML中包含JS对象

3 个答案: