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应用程序。