form表單post提交 並且提交到一個新的窗口(注意:window.open()形式的窗口)

JS代碼:

<script type="text/javascript" src="jquery-1.2.6.js" ></script>
<script>
function windowOpen(){
 var toDay = new Date();
 winName = "win"+toDay.getTime();//爲了保證提交不會讀取本地的緩存
 $("#form1").attr("action","test2.html");//設置form表單提交的URL路徑 是 test2.html

//爲了表示區分,window.open 打開的是 test3.html
 window.open("test3.html",winName,"status=yes,toolbar=no,menubar=no,location=no");

 $("#form1").attr("target",winName);
 $("#form1").submit();

//代碼走到這裏之後,將會提交到window.open中的窗口,頁面是test2.html
}
</script>

html代碼:

<form id="form1" method="post" οnsubmit="windowOpen()" >
 <input type="submit" value="提交打開新的頁面" />
</form>

知識點:

1、form的target屬性,可以設置window的name,爲目標窗體 
2、window.open第二個參數,是它的name。 
winName需要設置成一個不重複的id,否則再次點擊只會刷新已經打開的window,而不會打開新頁面。

發佈了33 篇原創文章 · 獲贊 10 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章