javascript - 在不创建许多 <script> 标记的情况下在 PHP 循环中执行 JS？

Question

我想要我正在编写的这个简单的 WordPress 插件的一部分写入页脚，我需要能够使用内联脚本，以便我可以在一些从中获取日期的函数中调用 PHP我网站的后端。

插件工作正常，但由于获取每个日期的循环，脚本会一遍又一遍地重复，导致页脚脚本看起来像这样，无论其中有多少日期:

<script></script>
<script></script>
<script></script>

等...

我试过将循环内的 JS 放在循环外并用函数调用它，但它仍然不起作用(由于它需要循环内的变量)，并且它仍然显示大量脚本标记在页脚中只包含一个函数调用。无论如何，这是我的代码，希望有人有一些想法!

function init_cal(){ ?>

<script>

//Creates lists for each type of date
  var yearList = [];
  var monthList = [];
  var dateList = []
</script>

<?php
if( have_rows('book', 'option') ):
        while ( have_rows('book', 'option') ) : the_row();

        //get the sub field value of the dates from acf
                $bookStart = get_sub_field('cal_date_start', false);
                $bookEnd = get_sub_field('cal_date_end', false); ?>
                <script>

        //finds days between two inputted dates
                var getDates = function(startDate, endDate) {
                    var dates = [],
                            currentDate = startDate,
                            addDays = function(days) {
                                var date = new Date(this.valueOf());
                                date.setDate(date.getDate() + days);
                                return date;
                            };
                    while (currentDate <= endDate) {
                        dates.push(currentDate);
                        currentDate = addDays.call(currentDate, 1);
                    }
                    return dates;
                };

        //takes dates, shortens them and inputs to function above
            var dates = getDates(

          //target start date
          new Date(
            <?php echo substr($bookStart, 0, -4) ?>,
            <?php echo substr($bookStart, 4, -2) ?>,
            <?php echo substr($bookStart, 6) ?>),

          //target end date
          new Date(
            <?php echo substr($bookEnd, 0, -4) ?>,
            <?php echo substr($bookEnd, 4, -2) ?>,
            <?php echo substr($bookEnd, 6) ?>)
          );

        //Gets the outputted dates and appends them to lists
                dates.forEach(function(date) {

                    var month = date.getMonth();

        //12th months shows as 0 for some reason so this sets it back to 12
                    if (month == 0){
                        month = 12;
                    }
                    monthList.push(month);
                    var theDate = date.getDate();
                    dateList.push(theDate);
                    var year = date.getFullYear();

        //days in the 12th month get a year added too early so this sets it back
                    if (month == 12){
                        year = year - 1;
                    }
                    yearList.push(year);

                });
            </script>
    <?php endwhile;
endif;
}
?>

非常感谢任何帮助，如果格式不正确，我很抱歉，我以前没有在这个网站上发布过。

Answer 1

好吧，你真的不能做太多，但你可以在循环之前打开脚本标签并在循环之后关闭它，同时在循环中只打印 js 部分，所以你将有一个唯一的脚本标签。