規定form表單送出的頁面打開方式

在實際應用中，可能有這樣的需要，那就是送出表單之後，要求以某一種方式打開接收資料的頁面。

下面就通過代碼執行個體做一下簡單介紹。

代碼如下:

<code>&lt;!DOCTYPE html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>"utf-8"</code><code>&gt;</code>

<code>&lt;</code><code>title</code><code>&gt;螞蟻部落&lt;/</code><code>title</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code>

<code>function sub() {</code>

<code>  </code><code>document.forms[0].elements[0].disabled = true;</code>

<code>  </code><code>document.forms[0].submit();</code>

<code>}</code>

<code>window.onload=function(){</code>

<code>  </code><code>var obt=document.getElementById("bt");</code>

<code>  </code><code>obt.onclick=function(){</code>

<code>    </code><code>sub();</code>

<code>  </code><code>}</code>

<code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>form</code> <code>action</code><code>=</code><code>"login.action"</code> <code>target</code><code>=</code><code>"_blank"</code> <code>method</code><code>=</code><code>"post"</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"button"</code> <code>name</code><code>=</code><code>"btn"</code> <code>id</code><code>=</code><code>"bt"</code> <code>value</code><code>=</code><code>"送出表單"</code> <code>/&gt;</code>

<code>&lt;/</code><code>form</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

上面的代碼實作了我們的要求，可以在一個新的空白頁面打開接收資料的頁面。

實作方式就是使用form元素的target屬性規定，非常的簡單，類似于連結a的target屬性。

原文釋出時間為：2017-2-25

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落