javascript - .js 文件中 PHP 生成的代码

Question

我在webpage.php中有一些JavaScript代码。部分JS代码是由PHP生成的。我想将 JS 移动到另一个文件 jscode.js。如何将 PHP 生成的 JS 代码移出 webpage.php，以便 webpage.php 仍然根据在 page.php 中声明的变量动态加载 JS 代码？

webpage.php 的一部分如下所示:

<?PHP $height = $_POST['height'];
// more code
var height = <?PHP echo $height; ?>;

我希望它脱离声明 $height 的文档。我该怎么做？

Answer 1

假设高度与 div 标签相关。让 php 回显 div 的高度，如下所示:

<div id="whatever" data-height="<?php echo $height; ?>"></div>

然后在 JavaScript 中访问它，如下所示:

var height = parseInt(document.getElementById("whatever").getAttribute("data-height"), 10);

在页面末尾添加 script 标签，以确保执行 JS 代码时 div(或任何一个)元素存在。

这是最不显眼的方法，并且它不依赖于 height 作为全局变量。