本文主要是介绍Django 中的HTML模板调用外部js静态文件小坑笔记（ajax也可以解决传参问题），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
外部js文件脚本，不能直接通过{{arg}}方式直接获取视图后台传过来的参数：要么在HTML代码中直接嵌入js脚本；要么将js脚本中的变量变为规范的变量（非{{arg}}方式获取），然后在HTML中另外定义var XX = {{arg}}，这样才能正常导入js外部文件且生效
一、（导入js脚本方式，var 定义在body和head都行）
HTML代码
{%extends 'base_foot.html'%}{%block head%}<script>var error_name = {{error_name}};var error_pwd = {{error_pwd}};</script><script type="text/javascript" src="/static/js/login.js"></script><!-- <script>$(function(){if({{error_name}}==1){$('.user_error').html('用户名错误').show();}if({{error_pwd}}==1){$('.pwd_error').html('密码错误').show();}})</script> -->
{%endblock head%}{%block body%}
<body><!-- <script>var error_name = {{error_name}};var error_pwd = {{error_pwd}};</script> --><div class="login_top clearfix"><a href="index.html" class="login_logo"><img src="/static/images/logo02.png"></a></div>js脚本
$(function(){if(error_name==1){$('.user_error').html('用户名错误').show();}if(error_pwd==1){$('.pwd_error').html('密码错误').show();}})二、直接嵌入js脚本代码
{%extends 'base_foot.html'%}{%block head%}<!-- <script>var error_name = {{error_name}};var error_pwd = {{error_pwd}};</script><script type="text/javascript" src="/static/js/login.js"></script> --><script>$(function(){if({{error_name}}==1){$('.user_error').html('用户名错误').show();}if({{error_pwd}}==1){$('.pwd_error').html('密码错误').show();}})</script>
{%endblock head%}{%block body%}
<body><!-- <script>var error_name = {{error_name}};var error_pwd = {{error_pwd}};</script> --><div class="login_top clearfix"><a href="index.html" class="login_logo"><img src="/static/images/logo02.png"></a></div>这篇关于Django 中的HTML模板调用外部js静态文件小坑笔记（ajax也可以解决传参问题）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
