javascript - 使用参数从 PHP 调用带有参数(在特定文件中)的 Javascript 函数

Question

我有一个 JS 文件，其函数名为 graph_poids2，该函数有一个名为 dayr 的参数:

文件graph.js:

$(function graph_poids2(dayr) {
  alert(dayr);
  chaine1='../graph/data_today_poids2.php?day=';
  alert(chaine1.concat(dayr));
  $.getJSON(chaine1.concat(dayr), function (data) {  // on récupère les data du json.

  etc..
}

在我的主 PHP 文件中，在 JS 函数 graph_poids2 中存在参数之前，我这样调用 JS 函数:

<script src="../graph/graph.js"></script>

但是现在如何处理 JS 参数？我已经像那样修改了 PHP 文件，但它不起作用:

<script type="text/javascript"> var dayr='<?php echo "2017-10-31"; ?>'; </script>
<script type="text/javascript"> graph_poids2(dayr); </script>
<script src="../graph/graph_today_poids2.js"></script>

怎么做，我已经尝试了很多东西并在网上查看但没有任何帮助...有什么想法吗？

Answer 1

反向将脚本附加到页面。现在 graph_poids2(dayr); 在带有函数的脚本被添加到 DOM 之前被调用。

<script src="../graph/graph_today_poids2.js"></script>
<script type="text/javascript"> 
    var dayr='<?php echo "2017-10-31"; ?>'; 
    graph_poids2(dayr);
</script>

脚本 block 根据页面流进行解析。脚本 block 中的 JavaScript 内容根据为该语言设置的规则进行解析。函数和 var 被提升到顶部。因此，在调用该函数的行下方声明一个函数在脚本 block 中不是问题，但当从另一个脚本 block 调用该函数时则不是。

also it is good practice to use an onload event to make sure all necessary scripts have been loaded. Jquery makes this easy with $(document).ready(«function») but in Vanilla JS you can do this to with the load event.