javascript - html中python代码和javascript代码的执行顺序是什么

Question

我正在使用 Bottle 框架动态列出用于编辑任务的链接，行是具有多个(id、任务、状态)的元组的集合，逻辑上下面的代码应该给出第一个链接

http://localhost:8217/edit/1

第二个链接

http://localhost:8217/edit/2

以此类推

但所有链接都是

http://localhost:8217/edit/5

因此我怀疑这与代码的执行顺序有关，任何提示将不胜感激

<p>The open items are as follows:</p>
<table border="1">
%for row in rows:
    <tr>
    %for col in row:
        <td>{{col}}</td>   
    %end
    <script language="javascript">
        var number = "http://localhost:8217/edit/";
        var key = {{row[0]}};
        console.log(key);
    </script>
    <td>
        <a href="" onClick="location.href=number +key;return false";>Editing</a> 
    </td>
    </tr>
%end
</table>

Answer 1

Python代码在服务器上运行； Javascript代码在客户端运行。
因此，Javascript代码只能在Python代码完成后才能运行。

<小时/>

但是，这与您的问题无关。

HTML 标签不会创建局部变量范围；您的所有行共享相同的 key 变量。

当您点击链接时，key 将始终具有最后一个值(因为所有 JS 都已执行)。

您应该在服务器端代码中构建 href 属性。