Django之PopUp的具体实现方法
2019-08-31 16:40
1651 查看
步骤一: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 }
以上这篇Django之PopUp的具体实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- Django之PopUp的具体实现
- Java2下Applet数字签名具体实现方法
- 具体java打印方法的实现
- javascript实现跳转菜单的具体方法
- 修改TTL值的具体实现方法,防内网“窥视”
- 关于使用SurfaceFligner进行绘图的具体实现方法
- 把input初始值不写value的具体实现方法
- 循环队列的判断满、空的三种方法以及具体代码实现(数组实现)
- C#委托的具体实现方法
- 2.0Tip/Trick之MessageBox, Popup, 循环的几种实现方法, 动态变换主题, 本地化(多语言), 响应鼠标双击事件
- 网络判断网络连接有多种办法,通过C#程序也可以判断与远程主机的连接状态。具体实现方法
- 方法实现django class-based views介绍与分析
- 在ASP.NET中实现弹出日历的具体方法
- PHP函数可变参数列表的具体实现方法介绍
- Queryable.Union 方法实现json格式的字符串合并的具体实例
- ASP.NET从字符串中查找字符出现次数的具体实现方法
- 利用.NET Remoting基础架构中的真实代理/透明代理技术实现了不针对具体类型、具体方法的通用方法调用拦截机制
- JDBC中常用的类库和程序中具体实现方法
- Java2下Applet数字签名具体实现方法
- PHP函数可变参数列表的具体实现方法介绍