Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在格式化html代码时遇到问题_Javascript_Html - Fatal编程技术网

Javascript 我在格式化html代码时遇到问题

Javascript 我在格式化html代码时遇到问题,javascript,html,Javascript,Html,如果你一直向右滚动,你会看到一个反斜杠。我需要帮助,如果有一种方法来编码它没有这些反斜杠\ table.innerHTML=“”; totalRestaurants=restaurants\u array.length; 对于(变量计数=0;计数

如果你一直向右滚动,你会看到一个反斜杠。我需要帮助,如果有一种方法来编码它没有这些反斜杠\

table.innerHTML=“”;
totalRestaurants=restaurants\u array.length;
对于(变量计数=0;计数
使用

var单元格=`
${name}
查看更多
评论

`;在文本编辑器中使用多行插入符号(VSCode中的Ctrl+Alt键+箭头)。选择所有线,然后按键盘上的结束键。现在所有的插入符号都应该在每个斜杠字符后面。而不是将
'+count+'
之类的内容替换为
${count}
,最重要的是,使用模板文本-也就是说,将两个包装单引号
'
替换为反勾
`
function displayRestaurants() {
    var table = document.getElementById("restaurantsTable");
    
  
    table.innerHTML = "";
    totalRestaurants = restaurants_array.length;
    for (var count = 0; count < totalRestaurants; count++) 
    {
            var rimg =  restaurants_array[count].restaurant_img;
            var name = restaurants_array[count].name;

            var cell = '<div class="col-md-10" style="float: none; margin: 0 auto;"> <h3><span>' + name + '</span>    </h3>                                                                                                                                                                                                 \
                            <div class="flip-container" >                                                                                                                                                                                                                                                                \
                                <div class="flipper">                                                                                                                                                                                                                                          \
                                    <div class="front">                                                                                                                                                                                                                                 \
                                        <a id="restaurants" href="#" data-toggle="modal" data-target="#movieModal" item=' + count + '>                                                                                                                                                      \
                                            <img class="img-fluid img-thumbnail" src=' + rimg + ' />                                                                                                                                          \
                                        </a>                                                                                                                                                                                                                                     \
                                    </div>                                                                                                                                                                                                                                                   \
                                    <div class="back">                                                                                                                                                                                                                                           \
                                        <div class="bg-dark mystyle text-center py-3" >                                                                                                                                                         \
                                                                                                                                                                                                                                             \
                                            <button href="#" data-toggle="modal" data-target="#movieModal" item="' + count + '" type="button" class="btn btn-primary btn-sm" onClick="showMovieDetails(this)" >See More</button>                    \
                                            <button href="#" data-toggle="modal" data-target="#commentModal" item="' + count + '" type="button" class="btn btn-primary btn-sm" onClick="showMovieComments(this)" >Comments</button>                     \
                                        </div>                                                                                                                                                                                                                                 \
                                    </div>                                                                                                                                                                                                                                               \
                                </div>                                                                                                                                                                                                                                                           \
                            </div>                                                                                                                                                                                                                                                                          \
                        </div>';

            table.insertAdjacentHTML('beforeend', cell);
           
    }
}