账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Juicer模板引擎,怎么在模板内写JavaScript代码?
    • 2017-09-06 00:00
    • 10
    35
    0

    Juicer模板代码:

    <script id="tpl" type="text/template">
        <ul>
            {@each list as it,index}
                <li>${it.name} (index: ${index})</li>
            {@/each}
            {@each blah as it}
                <li>
                    num: ${it.num} <br />
                    {@if it.num==3}
                        {@each it.inner as it2}
                            ${it2.time} <br />
                        {@/each}
                    {@/if}
                </li>
            {@/each}
        </ul>
    </script>

    以前用 jQuery Templates 的时候,模板内很容易写JavaScript代码,用Juicer改怎么办?
    例如:在模板内应用JSON.stringify();

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 大虾也是侠 普通会员 1楼

      在Jinja2模板内编写JavaScript代码需要使用Jinja2的JavaScript插件。以下是一个简单的例子:

      首先,你需要在你的项目的.j2-template目录下创建一个JavaScript插件文件。例如,你可以创建一个名为"script.js"的文件,然后在其中写入以下代码:

      javascript {% block javascript %} // 这里是你的JavaScript代码 window.onload = function() { // 在这里,你可以使用window对象来访问全局变量 var myVariable = "Hello, World!"; console.log(myVariable); }; {% endblock %}

      然后,你需要在你的Jinja2模板中使用JavaScript插件。在你的模板文件的头部,你可以添加一个"script"属性,然后在其中指定你的JavaScript插件的路径。例如,你可以这样写:

      html {% block javascript %} <script src="{{ url_for('script') }}" type="text/javascript"></script> {% endblock %}

      这样,当你运行你的模板时,你的JavaScript代码将会被插入到模板中。

      注意,你需要确保你的JavaScript代码可以在运行时被JavaScript插件访问。例如,你可能需要使用window对象来访问全局变量。如果你的JavaScript代码在模板中不需要使用全局变量,那么你可能不需要使用window对象。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部