Question

我正在使用这个PHP代码来编写HTML表格，但加载需要时间。我认为让JavaScript完成工作是个好主意，但问题是$width和$height是动态的，并且是在服务器端定义的。我该如何解决这个问题？

echo "<table>";

    for ($y = 0; $y < $height; $y++) {
        echo "<tr>";
        for ($x = 0; $x < $width; $x++) {
            echo '<td x="' . $x . ' y="' . $y . ' id="' . $x . '-' . $y . '"></td>';     //coordinates to be used for cropping later
        }
        echo '</tr>';
    }
    echo '</table>';

Answer 1

我不确定这是否是最佳做法，但您可以直接回复PHP到Javascript。例如：

<script>
var width = <?php echo $width; ?>;
var height = <?php echo $height; ?>;
//now build table here using the Javascript width and height variables
</script>

Answer 2

将PHP变量放入javascript

<script>

var height = <?php echo $height ?>;

</script>

Answer 3

如果您的页面中不存在任何最重要的表单，您可以将它们存储在隐藏的HTML标记中作为隐藏的输入，如下所示：

echo ="<form action ='#' name='form'>
<input type='hidden' name='v_height' id='v_height' value='".$height."'>
<input type='hidden' name='v_width' id='v_width' value='".$width."'>
</form>";

然后在Javascript中获取这些变量并使用它们进行迭代。

jHeight = parseInt(document.form.v_height.value);

宽度如此。

通过PHP执行Javascript

3 个答案: