網路上已有此功能的函數,是以純JS實現。但是在項目中發現,此函數無法相容Firefox,由此我重寫了此方法.
複製代碼 代碼如下:
//預設新視窗配置
var windowDefaultConfig = new Object;
windowDefaultConfig['directories'] = 'no';
windowDefaultConfig['location'] = 'no';
windowDefaultConfig['menubar'] = 'no';
windowDefaultConfig['resizable'] = 'yes';
windowDefaultConfig['scrollbars'] = 'yes';
windowDefaultConfig['status'] = 'no';
windowDefaultConfig['toolbar'] = 'no';
複製代碼 代碼如下:
/**
* 以POST表單方式開啟新視窗的JQUERY實現
@param:url 需要開啟的URL
@param:args URL的參數,資料類型為object
@param:name 開啟URL視窗的名字,如果同一按鈕需要重複地開啟新視窗,
而不是在第一次開啟的視窗做重新整理,此參數應每次不同
@param:windowParam 新開啟視窗的參數配置
* @author: haijiang.mo
*/
function jQueryOpenPostWindow(url,args,name,windowParam){
//建立表單對象
var _form = $("<form></form>",{
'id':'tempForm',
'method':'post',
'action':url,
'target':name,
'style':'display:none'
}).appendTo($("body"));
//將隱藏欄位加入表單
for(var i in args){
_form.append($("<input>",{'type':'hidden','name':i,'value':args[i]}));
}
//複製視窗參數對象
var windowConfig = clone(windowDefaultConfig);
//配置視窗
for(var i in windowParam){
windowConfig[i] = windowParam[i];
}
//視窗配置字串
var windowConfigStr = "";
for(var i in windowConfig){
windowConfigStr += i+"="+windowConfig[i]+",";
}
//綁定提交觸發事件
_form.bind('submit',function(){
window.open("about:blank",name,windowConfigStr);
});
//觸發提交事件
_form.trigger("submit");
//表單刪除
_form.remove();
}
記錄下來,以後可以用。