（旧　体で覚えた初めてのホームページ作り）

同じウインドウを使いまわす

投稿者：admin 投稿日時：月, 11/10/2008 - 10:18

別ウインドウの表示を切り替える

リンクをクリックして、一度新しくウインドウを開いたら、以降、リンクをクリックしても、もう新しいウインドウは開かずに、最初に開いた新しいウインドウにリンク先のページを表示することができます。

googleの検索結果のリンクをクリックした時に、最初に新しいウインドウが立ち上がるのに、次からは、新しいウインドウが立ち上がらずに、最初に立ち上がったウインドウに、次にクリックしたリンクの内容が表示されることが、ずっと、不思議に思っていました。
その方法が分かったので、ご報告

リンクのタグに、target="_blank"と指定すると新しいウインドウが立ち上がります。
これとは、別に、target="適当な名前"を指定すると、

①PCの画面上にその名前のウインドウが立ち上がっていないと、同様に、新しいウインドウが開きます。

②そして、前に開いたウインドウと同じ名前をターゲットにしたリンクをクリックすると、新しいウインドウが開かずに、既に開いているその名前のウインドウに新しいリンク先の情報が表示されるのです。
　

これも、前述の「リンクをクリックして、一度・・・・・」と同じようなやり方になります。

インラインフレームに適当な名前をつけておき、リンクのターゲットにその名前を指定すれば、リンクをクリックすると、新しいウインドウが開いたり、元のページが切り替わったりしないで、元のページのインラインフレームの中身だけを切り替えて表示できるということです。

（私は、このことが分かるまでに１年近くかかってしまいました^_^;）

ホームページ辞典第5版 HTML・CSS・JavaScript
著者: 株式会社アンク　出版年月: 2012-03-14 　
定価: ￥ 2,100 (新品)

HTML5とJavaScriptでスマートフォンゲーム作成！ゼロからはじめるenchant.js入門【公式ガイド】
著者: 布留川英一　出版年月: 2012-02-18 　
定価: ￥ 3,150 (新品)

アメブロ　カスタマイズ＆デザインブック
著者: 藤原直樹　出版年月: 2012-02-18 　
定価: ￥ 1,974 (新品)

HTML5 CANVAS & CSS3 デザインガイド (DESIGN GUIDE)
著者: 鈴木清安　出版年月: 2012-02-03 　
定価: ￥ 2,709 (新品)