JSP页面弹出模态窗口 在jsp页面中，js如何获取模态窗口的关闭事件？
jsp\u9875\u9762\u4e2d\u5982\u4f55\u662f\u5f39\u51fa\u7a97\u53e3\u663e\u793a\u5728\u4e3b\u9875\u524d\u65b9\uff1fjsp\u4e2d\u53ef\u4ee5\u91c7\u7528\u6253\u5f00\u6a21\u6001\u7a97\u53e3\u7684\u65b9\u6cd5\u5f39\u51fa\u6700\u524d\u7aef\u7a97\u53e3\uff1a
\u901a\u8fc7js\u63a7\u5236\u7a97\u53e3\u6253\u5f00\u7684\u51fd\u6570\u5982\u4e0b\uff1a
function openWin(){
window.showModalDialog('xxx.do',window, 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
}
\u603b\u7ed3\uff1a\u7531\u4e8ewindow.showModalDialog\u51fd\u6570\u6253\u5f00\u4e00\u4e2aIE\u7684\u6a21\u5f0f\u7a97\u53e3(\u5c31\u662f\u6253\u5f00\u540e\u4e0d\u80fd\u64cd\u4f5c\u7236\u7a97\u53e3,\u53ea\u80fd\u7b49\u6a21\u5f0f\u7a97\u53e3\u5173\u95ed\u65f6\u624d\u80fd\u64cd\u4f5c)\u3002
\u5efa\u8bae\u7528\u4e00\u4e2a\u5566\uff0c\u73b0\u5728\u4e3b\u6d41\u90fd\u662f\u7528\u8bbe\u8ba1\u5f39\u51fa\u7a97\u53e3\uff01
jsp中的模态窗口是通过调用js方法弹出的。js中的弹出方法:functionopenWin(src,width,height,showScroll){window.showModalDialog(src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scroll:"+show
jsp中的模态窗口是通过调用js方法弹出的。
js中的弹出方法:
参数说明：
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过
window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status: {yes | no | 1 | 0 } [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。
绛旓細鏈绠鍗曠殑灏辨槸鐢╦avaScript 鍦↗SP椤甸潰涓姞涓灞<scriptalert("瀵硅瘽妗")
绛旓細寤鸿鐢ㄤ竴涓暒锛岀幇鍦ㄤ富娴侀兘鏄敤璁捐寮瑰嚭绐楀彛锛
绛旓細棣栧厛锛妯℃佸璇濇涓嶆槸jsp鐨勪笢瑗匡紝servlet鏇村姞涓嶅彲鑳藉叧闂ā鎬佸璇濇锛屽洜涓簀sp鍜宻ervlet 閮芥槸杩愯鍦ㄦ湇鍔″櫒銆傚叾瀹炶繖涓ā鎬佸璇濇灏辨槸js+html 鐨勬晥鏋滐紝鎵浠ヤ綘瑕佸叧闂墠鏈塲s鎵嶆槸姝ｉ亾
绛旓細棣栧厛浣犻氳繃锛寃indow.showModalDialog(url,window,"title:缂栬緫淇℃伅;dialogWidth:735px;dialogHeight:600px;status:0;scroll:0"); 鏂瑰紡灏2.jsp椤甸潰锛屽凡妯℃佺獥鍙鐨勬柟寮忔樉绀哄嚭鏉ワ紝鏄剧ず鍑烘潵鍚庯紝浣犲彲浠ュ紓姝ョ殑淇濆瓨2.jsp .鐒跺悗鍐嶇‘瀹氭寜閽笂锛屾坊鍔燡S鏂规硶锛屾柟娉曚綋濡備笅锛("#productunit").submit(); //鎻愪氦form ...
绛旓細status:no;minimize=yes;maximize=yes;resizable=yes;");杩欐槸寮瑰嚭涓涓妯℃鐨勭獥鍙,鍙傛暟鏈変笁涓,绗竴涓氨鏄綘瑕寮瑰嚭jsp鐨勮矾寰,绗簩涓槸瑕佷紶鐨勫弬鏁扮粰null灏辫,绗笁涓槸鍏充簬寮瑰嚭绐楀彛,澶у皬,鏄惁鏄剧ず鑿滃崟鏍忕殑涓浜涜缃,鍏蜂綋璁剧疆浣犲彲蹇冨埌鐧惧害鎼渟howModalDialog鍙傛暟,褰撹繖涓獥鍙ｆ病鏈夊叧闂悗闈㈢殑绐楀彛鏄棤娉曟搷浣滅殑.
绛旓細popWin = window.open('test.jsp'); // 鑾峰彇寮瑰嚭绐楀彛瀵硅薄锛屼互渚胯繘琛屾搷浣 popWin .focus(); // 鑱氱劍绐楀彛2銆亀indow.alert()鍙傛暟锛屽彧鏈変竴涓紝鏄剧ず璀﹀憡妗嗙殑淇℃伅锛涙棤杩斿洖鍊笺3銆亀indow.confirm() 鍙傛暟灏卞彧鏈変竴涓傛樉绀烘彁绀烘鐨勪俊鎭傛寜纭畾,杩斿洖true锛涙寜鍙栨秷杩斿洖false銆4銆亀indow.prompt()鍙傛暟,鏈変袱...
绛旓細褰撹嚜涓妯℃妗寮瑰嚭鏃讹紝琚伄缃╁眰閬尅銆傝В鍐虫柟妗堟槸:1.鎵撳紑WebStorm寮鍙戝伐鍏凤紝鏂板缓涓涓渢est.html鈥濇枃浠讹紝鍦ㄨ鏂囦欢鐨勫悓绾х洰褰曚笅瀹夎閮ㄧ讲Bootstrap鐩稿叧鏂囦欢銆傜洰褰曠粨鏋勫涓嬪浘鎵绀恒2.鍦ㄢ渢est.html鈥濅腑缂栧啓浠ヤ笅浠ｇ爜銆3.缃戦〉鏌ョ湅鏁堟灉濡備笅鍥俱傝繖涓椂鍊欑偣鍑绘寜閽繕娌℃湁瀵瑰簲锛屽洜涓烘病鏈夊搴旂殑浠ｇ爜銆4.淇敼鈥渢est....
绛旓細妯℃佺獥鍙.close();//鍏堝叧闂 return true;//鎻愪氦
绛旓細1.鏂扮晫闈㈢殑寮瑰嚭鐢妯℃妗嗗啓鍦ㄦ寜閽姩浣滄柟娉曚腑銆傛彁浜ゆ柟娉(){ var winObj = window.showModalDialog(鈥滀綘鐨勬柊鐣岄潰鍦板潃鈥, 鏂扮晫闈","dialogWidth:500px;dialogHeight:500px;status:no");var value = winObj;//缁欎綘瑕佽缃埌琛ㄦ牸璁剧疆鍊 鑾峰彇鍒楄〃瀵硅薄銆傘傘傚垪琛ㄥ璞.value 锛 value;//娉ㄦ剰winObj鍙兘浼氭槸undefi...
绛旓細涓嶅啿绐併傘傘傝繖涓嶆槸jsp 鑰屾槸js浣滅殑銆傘傘傚厛鍐欎竴涓狣IV銆傘傚湪DIV閲屽啓涓涓〃鍗曘傘傘傚垵濮嬪寲鏃舵妸杩欎釜DIV鐨勭櫥褰曠獥璁炬垚display:none;position:absXXXX;涔嬪悗 鍦ㄧ櫥褰曚笂寤轰竴涓簨浠躲傘傘傚綋鏌愪釜閾炬帴鎴栬呮寜閽鐐规椂銆傝浠栵紙DIV锛夌殑display灞炴у彉鎴恇lock;...
