js 弹出窗口

js弹出页面

js弹出页面:

Js代码
  1. function openAddUser(thisurl){   
  2.         var url = thisurl;   
  3.         var hWnd = window.open(url,"添加用户","width=760,height=450,resizable=no,scrollbars=yes") ;   
  4.         hWnd.moveTo((screen.availWidth-760)/2,(screen.availHeight-450)/2) ;   
  5.     }  
function openAddUser(thisurl){
    	var url = thisurl;
	    var hWnd = window.open(url,"添加用户","width=760,height=450,resizable=no,scrollbars=yes") ;
	    hWnd.moveTo((screen.availWidth-760)/2,(screen.availHeight-450)/2) ;
    }

 以上是父窗口,若要在弹出的窗口(子窗口)调用父窗口的js方法时:

Js代码
  1. window.opener.searchOnClick();  
window.opener.searchOnClick();

 

searchOnClick()即为父窗口的方法.

 

值得注意的是调用父窗口方法时一定要在关闭子窗口前,否则将不会调用父窗口的方法.

Js代码
  1. window.opener.searchOnClick();   
  2.  closeWindow();   
  3.   
  4. function closeWindow(){   
  5.   window.opener=null;   
  6.   window.open("","_self");   
  7.   window.close();    
  8.  }  
window.opener.searchOnClick();
 closeWindow();

function closeWindow(){
  window.opener=null;
  window.open("","_self");
  window.close(); 
 }

 

 

Js代码
  1. //添加用户   
  2.     function openAddTVStation(thisurl){      
  3.         var url = thisurl;      
  4.         // screen.availWidth 获得屏幕宽度   
  5.         // screen.availHeight 获得屏幕高度   
  6.         // 居中的算法是:   
  7.         // 左右居中: (屏幕宽度-窗口宽度)/2   
  8.         // 上下居中: (屏幕高度-窗口高度)/2   
  9.         var awidth=860;   //窗口宽度,需要设置   
  10.         var aheight=450;   //窗口高度,需要设置    
  11.         var atop=(screen.availHeight - aheight)/2; //窗口顶部位置,一般不需要改   
  12.         var aleft=(screen.availWidth - awidth)/2; //窗口放中央,一般不需要改   
  13.         var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"//新窗口的参数   
  14.         //新窗口的左部位置,顶部位置,宽度,高度    
  15.         var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;   
  16.         var hWnd = window.open(url,"添加用户",params) ;   
  17.     }   
//添加用户
	function openAddTVStation(thisurl){   
        var url = thisurl;   
        // screen.availWidth 获得屏幕宽度
		// screen.availHeight 获得屏幕高度
		// 居中的算法是:
		// 左右居中: (屏幕宽度-窗口宽度)/2
		// 上下居中: (屏幕高度-窗口高度)/2
		var awidth=860;   //窗口宽度,需要设置
		var aheight=450;   //窗口高度,需要设置 
		var atop=(screen.availHeight - aheight)/2; //窗口顶部位置,一般不需要改
		var aleft=(screen.availWidth - awidth)/2; //窗口放中央,一般不需要改
		var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新窗口的参数
		//新窗口的左部位置,顶部位置,宽度,高度 
		var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;
        var hWnd = window.open(url,"添加用户",params) ;
    } 
Js代码
  1. 点击按钮 弹出页面类似<a target="_blank">弹出</a>:   
  2.   
  3. window.open("/action.do?method=method&id=${id}","_blank");  
点击按钮 弹出页面类似<a target="_blank">弹出</a>:

window.open("/action.do?method=method&id=${id}","_blank");

 

 

 

Js代码
  1. 弹出页面最大化:   
  2. window.open(url,"","width="+(screen.availWidth-8)+",height="+(screen.availHeight-34)+",top=0,left=0");  

你可能感兴趣的:(js,职场,弹出窗口,休闲)