HTMLタグのtarget属性の使用法

1: <a> タグを使用してページにリンクする場合、target 属性の役割は誰もが知っていると思います。リンク先のページが表示される形式を指します。target のよく使用される値は、_blank (リンク先のページを新しいポップアップブラウザウィンドウで開く) と _self (リンク先のページを元のウィンドウで開く) です。もちろん_topなども存在しますが、あまり使われないのでここでは紹介しません。
たとえば、<a href="http://jb51.net" target="_blank">123WORDPRESS.COM </a> は、123WORDPRESS.COM にリンクして新しいウィンドウで開くことを意味します。
2: <a> タグを使用してアクションをトリガーする場合 (アクションが完了すると、通常は特定のページにジャンプします)。このアクションは、次の 2 つのタイプに分けられます。
（１）フォームを送信しないアクション（すなわち、フォームに対して操作を行わないアクション）。単一のレコードを削除するなど、Web 開発における関連シナリオはそれほど複雑ではなく、多くのパラメータを必要とせず、それらはすべて get モードで送信されます。このとき、target属性を通じてジャンプ先のページの表示形式を指定することができます。ここでの使用方法は 1 で説明したものと同じです。
例えば
<a href="http://jb51.net/user/deleteAction.do?id=5" target="_self">Xiao Ming を削除</a> は、アクションが処理された後、このウィンドウで新しいページが開かれることを意味します。
（２）フォームの形式で提出する行為（すなわち、フォームにデータを送信する行為）。このようなアプリケーションは、ユーザー登録、情報の変更など、Web 開発では一般的です。もちろん、フォーム内のデータは <input type="submit"> または <input type="button"> を使用して直接送信できると言う人もいるでしょう。ただし、場合によっては、<a href="javascript:your js function name"> の形式で送信する方がよい場合もあります。 <a> タグの形式で送信し、処理後にジャンプするページを属性 target を使用して制御したい場合、動作しません。この時点では、target 属性は有効ではありません。代わりに、フォームの target 属性に設定して、目的を達成する必要があります。
例えば：

コードをコピー

コードは次のとおりです。

function check(){ //空でないことを確認する
if(form1.username.value=""){
戻る;
}
フォーム1.submit();
}
<フォームアクション="http://china.com/user/addAction.do" ターゲット="_blank" 名前="form1">
<input type="text" name="ユーザー名" >
</フォーム>
<a href="javascript:check();" target="_self">送信</a>

アクションが処理された後、新しいウィンドウで新しいページが開かれることを示します。 (ここではタグ <a> の target 属性が設定されていますが、有効にはなりません。代わりに、フォームの target 属性が有効になります)。

<<: MySQL ストアドプロシージャの作成、呼び出し、管理の詳細な説明

>>: IE8ブラウザはWebページ標準に完全互換となる