Django 中的HTML模板调用外部js静态文件小坑笔记（ajax也可以解决传参问题）

HBJ_9527

已于 2024-08-30 00:44:05 修改

阅读量3k

点赞数 2

分类专栏：杂项文章标签： javascript django html

于 2018-05-16 01:26:33 首次发布

授人以鱼不如授人以渔

本文链接：https://blog.csdn.net/u011304490/article/details/80331409

版权

杂项专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

HBJ_9527

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
7
评论
Django 中的HTML模板调用外部js静态文件小坑笔记（ajax也可以解决传参问题）

外部js文件脚本，不能直接通过{{arg}}方式直接获取视图后台传过来的参数：要么在HTML代码中直接嵌入js脚本；要么将js脚本中的变量变为规范的变量（非{{arg}}方式获取），然后在HTML中另外定义var XX = {{arg}}，这样才能正常导入js外部文件且生效一、（导入js脚本方式，var 定义在body和head都行）HTML代码{%extends 'base_foot.html'...
复制链接

扫一扫