Django之PopUp的具体实现方法
作者：Quincy379 发布时间：2023-03-26 13:04:54
标签：Django,PopUp
步骤一：index页面处理
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<div id="hhh">hello</div>
<a href="" onclick=" rel="external nofollow" punch('/pop/')">点我点我</a>
</body>
<script>
function punch(url) {
window.open(url,url,"status=1,width:500,height:600,toolbar=0,resizeable=0")
}
function callbackns(text) {
document.getElementById('hhh').innerText = text
}
</script>
</html>
步骤二：配置路由
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index),
path('pop/', views.pop),
]
步骤三：视图函数
from django.shortcuts import render
# Create your views here.
def index(request):
"""
:param request:
:return:
"""
return render(request, 'test1.html')
def pop(request):
"""
:param request:
:return:
"""
if request.method == 'GET':
return render(request, 'test2.html')
else:
text = request.POST.get('content')
return render(request, 'test3.html', {'text': text})
步骤四：构建一个前端页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>pop页面</title>
</head>
<body>
<form action="" method="post">
{％ csrf_token ％}
<input type="text" name="content">
<input type="submit" value="提交">
</form>
</body>
</html>
步骤五：自执行函数处理
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正在关闭...</title>
</head>
<body>
<script>
(function () {
opener.callbackns("{{ text }}");
window.close()
})()
</script>
</body>
</html>
步骤六：关闭当前窗口并执行
function callbackns(text) {
document.getElementById('hhh').innerText = text
}
来源：https://blog.csdn.net/qq_33733970/article/details/78874832
0
投稿猜你喜欢
- 本文实例讲述了Python三元运算实现方法。分享给大家供大家参考。具体分析如下：Python中没有像C++和Java等语言中的三元运算符，但
本文实例讲述了Python注释、分支结构、循环结构、伪“选择结构”用法。分享给大家供大家参考，具体如下：注释：python使用#作为行注释符- 每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用<!DOCTYPE html><html lang=
- 前言做数据分析的时候通常我们并不是对真个excel文件进行操作，换言之，每一列都是一个特征，我们需要针对分析。遇到这类问题的时候，我们通常想
- 为什么ASP.NET Core采用Main方法？需要记住的最重要的一点是，ASP.NET Core Web 应用程序最初作为控制台应用程序启
- 写SQL语句的时候很多时候会用到filter筛选掉一些记录，SQL对筛选条件简称：SARG（search argument/SARG） wh
- 在默认情况下，我们使用PyQt5创建出来的窗口和部件都是默认的样式，虽然谈不上很丑，但是也毫无美感可言。其实，在PyQt5中，我们可以有较高
- 使用os.environ来读取和修改环境变量：import osprint (os.environ["TEMP"])my
- 在使用Ajax过程中，有时候总会遇到一些难题，浏览器兼容、编码、IE下的特殊处理等等，偶尔会搞的人头昏脑胀哭笑不得，这里列一些小贴士，或许有
- 引言随着我被拉入一个新的群聊“生产环境死锁问题排查解决”，打破了午后的悠然惬意，点开群聊秒送了一个6
- 每周的《午间欢乐购》和《周末疯狂购》，已经成为视觉组的固定需求。从开始接触到现在5个月的时间里，思维也和这些小小banner逐渐碰撞出火花。
- 1.元字符： . 它匹配除了换行字符外的任何字符，在 alternate 模式（re.DOTALL）下它甚至可以匹配换行 ^ 匹配行首。除非
- 0 引言年中购物618大狂欢开始了，各大电商又开始了大力度的折扣促销，我们的小胖又给大家谋了一波福利，淘宝APP直接搜索：小胖发福利，每天领
- 本文的重点就是如何创建一个PHP类来实现两个数间的加减乘除，这种类似于极简单的计算器功能。实现起来是非常简单的，继续往下看：这里简单给大家介
- 本文实例讲述了PHP实现打包下载文件的方法。分享给大家供大家参考，具体如下：/*** 下载文件* @param $img* @return
- 在学习接口测试的时候往往会因为没有实际操作的接口进行测试而烦恼，这里教大家自己编写两个接口用于学习接口测试1、编写一个登录的接口2、在pyc
- 一、Oracle分析函数简介：在日常的生产环境中，我们接触得比较多的是OLTP系统(即Online Transaction Process)
- 1. 为什么要使用协程在上一篇中，我们从生成器的基本认识与使用，成功过渡到了协程。但一定有许多人，只知道协程是个什么东西，但并不知道为什么要
- 大致介绍TypeScript是由C#语言之父Anders Hejlsberg主导开发的一门编程语言，TypeScript本质上是向JavaS
- 如果你的网站涉及个人隐私或者机密性非公开的网页，怎样告诉禁止搜索引擎收录抓取，下面侯庆龙说下以下方法，希望对不想被搜索引擎收录抓取网站有所帮
