Javascript 如何在HTML中包含JS对象

我的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);

var formStr=“有多少本书？”
infowindow=new google.maps.infowindow（）；
infowindow.setContent（formStr）；
信息窗口。设置位置（位置）；
打开（地图）；

JS变量formStr具有html代码，如上面所示。我希望能够在不将HTML移出JS文件的情况下将JS变量放入其中。 比如：

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

var objectType='book'；
var formStr=“有多少个*objectType*？：”

只需连接即可

var formStr=“多少”+objectType+”？：“

等等。

这很简单。以您的例子：

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

var objectType='book'；
var formStr=“有多少个”+objectType+”？：“

-->更换：

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

-->ES5串联：参见其他答案

-->ES6字符串插值：

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

let formStr=`多少${objectType}？：`