js原生popup_利用js实现popup弹窗

简单实现一个通过一个网页，点击生成一个弹窗，然后点击保存之后自动关闭弹窗的功能。

首先在settings文件中写上两条对应的路由关系。

1 urlpatterns =[2 url(r'^p1/', p1),3 url(r'^p2/', p2),4 ]

我们可以肯定的是我们需要一个网页，然后弹出另一个网页，所以我们还需要两个视图函数。

1 defp1(request):2 return render(request,'p1.html')

如上代码，我们先写一个视图函数，紧接着我们配一个对应的p1.html文件：

1

2

3

4

5

Title

6

7

8

9

p1页面

10

11 上海

12 北京

13

14

15

16

17 functionpopupFunc() {18 window.open('/p2/','asdfadf',"status=1, height:500, width:600, toolbar=0, resizeable=0")19 }20

21 functionbackFunc(name) {22 varop=document.createElement('option');23 op.innerHTML=name;24 op.setAttribute('selected','selected');25 document.getElementById('i1').appendChild(op);26 }27

28

29

30