popup(弹出界面)

1. 立即执行函数是什么？也就是匿名函数

立即执行函数就是

声明一个匿名函数
马上调用这个匿名函数

2、popup的举例

点击，弹出一个新的窗口。保存完事，页面不刷新数据就返回了。（点击admin的+，弹出的框就是用popup来做的）

具体操作步骤：

1、urls.py

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', views.index),
    url(r'^pop/', views.pop),
]

2、views.py

def index(request):
    return render(request,"index.html")

def pop(request):
    if request.method=="GET":
        return render(request,"pop.html")
    else:
        user = request.POST.get("user")
        print(user)
        return render(request,"pop_response.html",{"user":user})

3、templaates

index.html

<body>
<h1 id = "a">无所谓</h1>
<a href="#" onclick=popUp("http://www.baidu.com")>点我点我</a>
<script>
        function xxxpopupCallback(text) {
            document.getElementById('a').innerHTML = text;   //找到标签吧值替换成用户传进来的值
        }
        function popUp(url) {
            window.open( '/pop/', "n1","status=1, height:500, 600, toolbar=0, resizeable=0");
{#            window.open( url, "n1","status=1, height:500, 600, toolbar=0, resizeable=0");#}
        }

分析：
　　index页面的第一个参数就是url,写什么路径就看到什么页面
　　n1：弹出窗口的名字，定死了就弹出一个
　　'/pop/','/pop/' 一个url弹出一个
　　如果有两个+最多弹出两个框

</script>
</body>

pop.html

<body>
<form action="" method="post">
    {% csrf_token %}
    <input type="text" name="user">
    <input type="submit" value="提交">
</form>
</body>

pop_response.html

<h1>正在关闭</h1>
<script>
      (function () {
            // 可以调用popup原页面的一个函数,
            opener.xxxpopupCallback("{{ user }}");    xxxpopupCallback是自定义的函数
            window.close();  //传完数据之后自动关闭
        })()

</script>

注： This page is from https://www.cnblogs.com/xiaohema/p/8455548.html