欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django之PopUp的具體實現(xiàn)方法

 更新時間:2019年08月31日 16:40:30   作者:Quincy379  
今天小編就為大家分享一篇Django之PopUp的具體實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

步驟一: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),
]

步驟三:視圖函數(shù)

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>

步驟五:自執(zhí)行函數(shù)處理

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>正在關閉...</title>
</head>
<body>
<script>

  (function () {
    opener.callbackns("{{ text }}");
    window.close()
  })()

</script>
</body>
</html>

步驟六:關閉當前窗口并執(zhí)行

function callbackns(text) {
  document.getElementById('hhh').innerText = text
 }

以上這篇Django之PopUp的具體實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • python多線程同步售票系統(tǒng)

    python多線程同步售票系統(tǒng)

    這篇文章主要介紹了python多線程同步售票系統(tǒng),文章基于python的相關資料展開詳細的多線程同步售票系統(tǒng)介紹,感興趣的小伙伴可以參考一下
    2022-05-05
  • Django Channel實時推送與聊天的示例代碼

    Django Channel實時推送與聊天的示例代碼

    這篇文章主要介紹了Django Channel實時推送與聊天的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-04-04
  • 基于python if 判斷選擇結構的實例詳解

    基于python if 判斷選擇結構的實例詳解

    代碼執(zhí)行結構為順序結構、選擇結構、循環(huán)結構。這篇文章主要介紹了python if 判斷選擇結構的相關知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05
  • python實現(xiàn)批量修改圖片格式和尺寸

    python實現(xiàn)批量修改圖片格式和尺寸

    這篇文章主要為大家詳細介紹了python實現(xiàn)批量修改圖片格式和尺寸的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-06-06
  • 如何解決安裝python3.6.1失敗

    如何解決安裝python3.6.1失敗

    在本篇文章里小編給大家整理的是關于安裝python3.6.1失敗的解決方案,需要的讀者們可以跟著學習下。
    2020-07-07
  • python查詢mysql,返回json的實例

    python查詢mysql,返回json的實例

    下面小編就為大家分享一篇python查詢mysql,返回json的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • python中的元組與列表及元組的更改

    python中的元組與列表及元組的更改

    這篇文章主要介紹了python中的元組與列表及元組的更改,元組是由一對方括號構成的序列。列表創(chuàng)建后,可以根據(jù)自己的需要改變他的內(nèi)容,下面更多詳細內(nèi)容,需要的小伙伴可以參考一下
    2022-03-03
  • 關于python3安裝pip及requests庫的導入問題

    關于python3安裝pip及requests庫的導入問題

    小編最近快畢業(yè)了,閑著無事學習下python的內(nèi)容在學習到requsets庫的導入問題時遇到一些問題,通過查找相關資料問題順利解決,今天小編把問題解決思路及注意事項分享給大家供大家參考學習
    2021-05-05
  • 解析Python中while true的使用

    解析Python中while true的使用

    這篇文章主要介紹了解析Python中while true的使用,while true即用來制造一個無限循環(huán),需要的朋友可以參考下
    2015-10-10
  • 在 Python 應用中使用 MongoDB的方法

    在 Python 應用中使用 MongoDB的方法

    這篇文章主要介紹了在 Python 應用中使用 MongoDB的方法,需要的朋友可以參考下
    2017-01-01

最新評論