1. ホーム
  2. Web制作
  3. HTML/Xhtml

htmlタグのtarget属性の使い方 a

2022-02-04 08:23:27
1:あなたがページへのリンクにタグ<a&gtを使用する場合は、ターゲット属性の役割は、私は、我々はすべて知っていると信じています。それは、表示方法の形でページへのリンクが、ターゲット一般的に使用される値であることを意味します。_blank(ページへのリンクを開くには、新しいポップアップブラウザウィンドウに)、_self(ページへのリンクを開くには、元のウィンドウで)。もちろん、_topなどもありますが、一般的に使われているわけではないので、ここではこれ以上は省略します。
例: <a href="http://jb51.net" target="_blank">Script House </a> は、Script Houseにリンクして新しいウィンドウで表示することを意味します。
2: <a> というタグを使ってアクションを起こす場合(アクションが完了した後、一般的にページにジャンプする必要があります)。このアクションは、ここでさらに2種類に分けることができます。
(1) フォームを送信しないアクション (すなわち、フォームに対する操作を行わないアクション) ウェブ開発のシナリオは次のとおりです。 レコードの一回の削除など、このような操作はそれほど複雑ではなく、多くのパラメータを必要とせず、取得の方法で送信されます。この場合、targetプロパティでジャンプ先のページのプレゼンテーションを指定することができます。ここでの使い方は、1.で説明したものと同じである。
例えば
<a href="http://jb51.net/user/deleteAction.do?id=5" target="_self">Delete Xiaoming</a> は、アクション処理後、このウィンドウで新しいページも開かれることを示しています。
(2) フォームとして送信されるアクション(=フォーム内のデータを送信するアクション)。ウェブ開発では、ユーザー登録や情報の修正など、このようなアプリケーションは一般的です。もちろん、フォームでデータを送信するのは、<input type="submit"> や <input type="button"> で直接できる、という方もいらっしゃるかと思います。しかし、場合によっては、<a href="javasrcipt:あなたのjs関数名">で投稿する方がよいかもしれません。ここで、<a> というタグで投稿し、処理完了後にジャンプするページを target という属性で制御したい場合は、うまくいきません。この場合、target属性はもう役に立ちません。代わりに、フォームのtarget属性に記述して、思い通りに動作するようにしましょう!
例えば
コピーコード
コードは以下の通りです。

function check(){ // 空でないことを確認する
if(form1.username.value=""){.
を返します。
}
form1.submit()を実行します。
}
<form action="http://china.com/user/addAction.do" target="_blank" name="form1">
<input type="text" name="username" >
</form>
<a href="javascript:check();" target="_self">submit</a>

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