1. 在同一個頁面中使用target

<form action="#" target="_self">
<input type="text" name="username">
<button type="submit">Submit</button>
</form>

上面的代碼中，我們在form中target屬性設置為"_self"，這個屬性值告訴瀏覽器在提交表單后在當前頁面中處理表單數據，這是表單默認的操作方式。 在這里，我們在同一個頁面中提交表單，對于用戶來說，這看起來像是Ajax的方式，用戶可以在不離開當前頁面的情況下，立即看到表單提交后的結果。

2. 在新的頁面中使用target

<form action="#" target="_blank">
<input type="text" name="username">
<button type="submit">Submit</button>
</form>

在這個例子中，我們設置了target的屬性為"_blank"，這個屬性值表示在表單提交后打開一個新的窗口，從而避免當前頁面的重新加載。 這對于那些需要打開新窗口來顯示不同信息的Web應用程序非常實用。同時也要注意，現代瀏覽器對于這種行為會有一些限制，因此我們需要在開發Web應用程序時，特別仔細考慮這個問題。

3. target指向另一個頁面中的特定元素

<form action="#footer" target="page2">
<input type="text" name="username">
<button type="submit">Submit</button>
</form>
<div id="footer">
<a name="page2"></a>
<h1>This is footer</h1>
</div>

在上面的例子中，我們將target設置為一個新頁面中的元素。 在這里，我們在表單action屬性上添加了'#'和元素ID，即#footer，表示要跳轉到id為“footer”的元素所在的頁面。這里我們還設置了target屬性為"page2"，這樣點擊提交按鈕后，將打開一個新的頁面，而且這個新的頁面將跳到頁面中的id為“footer”的元素所在的位置，方便用戶快速查看內容。

最后，我們希望通過這篇文章，使大家深入了解使用JavaScript中form的目標target屬性。根據不同的場景和需求，我們可以根據需要靈活設置表單提交后轉向的頁面。 正確使用target屬性可以幫助我們開發出更加高效、友好的Web應用程序。