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.     }  

 以上是父窗口,若要在彈出的窗口(子窗口)調用父窗口的js方法時:

Js代碼 複製代碼
  1. 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.  }  

 

 

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.     }   
Js代碼 複製代碼
  1. 點擊按鈕 彈出頁面類似<a target="_blank">彈出</a>:   
  2.   
  3. 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");  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章