外部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>