在页面上弹出一个小页面实现方法2

第一种方法

在主页面上采用这种方法来调用login这个页面为子页面，通过一个load，就可以把这个页面调过来，

而且，关于load的一系列处理都可以使用，像js，controller都没有毛病，就像是一个独立的页面一样

而且跳转是在主页面进行跳转

 function showlogin(){
        	cache: false //关闭AJAX相应的缓存 
        	$('#login').show();
        	$("#login").load("http://localhost:8080/qingneng_web/login");
        }
        function closelogin(){
        	$('#login').hide();
        	 
        }

而且子页面还可以调用主页面的js方法，closelogin这个方法就是来关掉这个子页面的，show（）可以把hide（）的再显示出来

<div id="login" style="z-index:1000;position:absolute;left:10%;top:10%"></div>

第二种方法

使用<iframe>标签

 <iframe src="http://localhost:8080/qingneng_web/login" style="z-index:10000;position:absolute;margin-left:40%;margin-top:30%"></iframe>

他还有很多可以设置的属性，可以后续设置

但是iframe把这个页引过来，作为了一个单独的页来显示，并不能和主页面共享内容

通过window.parent可以获得主页面，然后在子页面对主页面进行参数的操作

$(window.parent.document).find ("input[id='revert']").click();