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 属性です)。
例: <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 属性です)。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeのsrcが指すコンテンツが更新されない場合の解決策を説明します。
-
htmlプリント関連操作と実装の詳細
-
htmlのposition属性の使い方を解説(4種類)
-
FLOW CHARTとUI FLOWの違いについて
-
htmlからpdfへの変換は、いくつかの要約の場合(より多くの画像をお勧めします)。
-
フォームフォームにおけるmethod=post/getとデータ転送の違いについて
-
DOCTYPE宣言の役割と使用方法の詳細
-
htmlフレーム、Iframe、Framesetの違いについて
-
フレームセット(フレームウィンドウに分割)の共通属性
-
クロスブラウザ開発体験談まとめ(I)HTMLタグ編