A revolving earth (earthani.gif--64x64) Beaverland Net
ジャバスクリプトを易しく教えて! JavaScript Made Easy!
 

MENU

Part 1

Part 2

 

JavaScript Made Easy! logo (javascrt.gif--140x360)

 

Slangs not found in a dictionary logo (slangs.gif--140x260)

 

Beaverland Japonica banner (japonic3.gif--140x360)

 

Study in Canada Home Page logo (homepg.gif--160x160)

  1. 出願
  2. 学費・生活費
  3. ビザ
  4. 渡航準備
  5. バンク–バ–
    に留学しよう!
  6. BC州の教育
  7. カナダの教育
  8. 私立高校願書
    の一例 (生徒用)
  9. 私立高校願書
    の一例 (両親用)
  10. 大学入学案内
  11. 私立高校
    入学案内
  12. 全寮制私立高校
    入学案内
  13. 全寮制私立高校
    授業料
  14. 公立高校
    入学案内
  15. バンク–バ–
    公立高校
    2002 / 2003年度
    入学要項
    及び授業料
  16. 語学専門学校
    授業料一覧表
  17. バンク–バ–案内
  18. 御意見・御質問コ–ナ–
  19. 帰国子女の受け入れ
  20. BC州の官公庁
    市町村・大学・高校へのリンク
  21. 留学生のための銀行利用法
  22. 高校生1000人に留学補助

onstore.gif (140x93)

beavbook.gif (120x160)

beavcomp.gif (120x160)

beavmovi.gif (120x160)

beavgift.gif (120x160)

beavtrav.gif (120x160)

music.gif (50x50) Beaverland Music
 
ウィンドーの名前は
どのように使うの?
September 7, 2003

では簡単な例をここに示します。

とりあえず、下のボタンを
クリックしてください。

display this page to the window

June Adams (june92.gif--206x609)

 

コードは下のようになってます。

<input onClick="window.open
    ('next5.html','myWin','menubar=yes,toolbar=yes,
    scrollbars=yes,width=550,height=450')"
    type="button" value="ボタン">

<a href="next6.html" target="myWin">display this page to the window</a>

アンカータグのターゲット・アトリビュートをウィンドーの名前と同じにすることによって、新しいページ (next6.html) が同じウィンドーに表示されます。

TARGET= について、もっと知りたいのなら、このページ  (TARGET Made Easy!) を見てください。新しいウィンドーが開きます。

 

比較のために、これと似たやり方を次の例で示します。

 

 

上のボタンは次のようなコードから作られています。

<SCRIPT language="javascript">
<!--- to hide

function myWindow() {

  myPopup=open("","myWin2","width=300,height=200,
          scrollbars=yes")
  myPopup.document.write("This is my Popup window!
          <P>Please close this window.")
  myPopup.document.close()
}

//--->
</SCRIPT>

<input type="button" onClick="myWindow()"
  value="ここをクリックしてください。" >

2行からなる、きわめて簡単なHTMLページを書いて、それをポップアップ・ウィンドーの中に表示しています。 myWin2という名前を付けていることに注意してください。

このポップアップ・ウィンドーについて詳しいことは、このページ (ポップアップ・ウインドーの簡単な作り方) で説明しています。

今度は、下のボタンをクリックしてください。ベティーさんがmyWin2と名づけられた新しいウィンドーの中に表示されます。

 

上のコードの myPopup を使ったやり方

 

ポップアップ・ウィンドーが開いたら、それを閉じないで今度は下のボタンをクリックしてください。ウィンドーが消えてしまいますが、下のタスクバーに隠れています。アイコンをクリックして画面に戻してください。 ポップアップ・ウィンドーの中にジューンさんの顔が現れます。

 

 

 

上のボタンのコードは
こんな風になってます。

 

<input onClick="myPopup.document.location='next8.html'"
      type="button" value="ボタン">

myPopup と myWin2 は、実は同じものです。しかし、 myWin2 は単なる名前です。上のコードに示したように、ジャバスクリプトの中で使うように myWin2 という名前のウィンドーを下のように定義しているわけです。

myPopup=open("","myWin2","width=300,height=200,
          scrollbars=yes")

試しに、myPopupの代わりにmyWin2を使って、下のようにコードを組んで実行すると

<input onClick="myWin2.document.location='next8.html'"
      type="button" value="ボタン">

次のようなエラーメッセージが出ます。(上のボタンをクリックすると、画面の下のステータスバーに、エラー・アイコンが出ます。 それをダブルクリックすると、詳しいメッセージがポップアップ・ウィンドーの中に表示されます。)

JavaScript error message (winname1.gif--454x358)

これはどういう意味かというと、myWin2 というオブジェクトが定義されていません、ということです。

要するに、名前を使っても駄目で、オブジェクトとして上のコードで示したように myPopup  として定義しなければなりません。

従って、ジャバスクリプト・エンジンは下の命令に出くわすと、次のように解釈して、あなたのブラウザーに指令を出します。

onClick="myPopup.document.location='next8.html'"

このページを見る人がボタンをクリックしたら、myPopupというウィンドーの中で、 現在表示されているページ (document)  が保存されているディスプレー・メモリー(location) に 新しいページ (next8.html) を移しなさい。

上の指令があなたのブラウザーによって実行されることにより、ジューンさんの顔が載ったページが、 ポップアップ・ウィンドーの中に表示されるわけです。

 

Chipmunk pointing to the left (chipleft.gif--178x156) Related
Links


筆者紹介
Akira Kato (kato.jpg--180x135)
  • 日本とカナダの大学で教育を受ける。
  • 横浜にある大手の電器メーカーでコンピューターのソフトウエアの開発に従事する。
  • カナダのノースウエスト隼州政府・財務省に勤務する。
  • バンクーバーのランガラ・カレッジおよびサレーのクワンテレン・カレッジで講師を勤める。
  • ヨーロッパ、東南アジア、中国、北米を幅広く旅行する。
  • 現在、経営コンサルタント、フリーランス・ライターとして活躍している。
  Comments
 
最後のコードの中でダブル・クウォーテションの中でシングル・クウォーテションで囲まれたファイル名があります。 このファイルの名前にはスペースが含まれていませんからシングル・クウォーテションを省くことができると思うのですが、 どうなんでしょう?
    - 不思議の国のアリス

確かに御もっともな指摘です。

<img src="../images/bubbles.gif">


<img src=../images/bubbles.gif>

上のように、ファイルの名前にスーペースが含まれていなければ、クウォーテションを省くことができます。 スペースが含まれている場合には、下に示すように省くことができません。

<img src="images/my computer.gif">


<img src=images/my computer.gif>

この同じ理屈をジャバスクリプトのコードに適用できるか?というご質問です。先に、結論を申し上げれば、できません。 上のジャバスクリプト・コードからシングル・クウォーテションを省いて下のように書くと。。。

onClick="myPopup.document.location=next8.html"

上のボタンをクリックした時に、下のようにエラーメッセージが出ます。

JavaScript error message Part 2 (winname2.gif--454x358)

つまり、ジャバスクリプト・エンジンはファイル名ではなくオブジェクトだと理解してしまいます。それで、エラーメッセージに示されたように、 「そのようなオブジェクトが見当たりません。使うなら定義してください」、と知らせているわけです。

そういうわけで、ジャバスクリプトの中ではクウォーテションを省くことができません。

    - Akira

 
 



御意見・御感想
とても良い 良い まあまあ 良くない 最低

お名前:
Email アドレス:
御感想を書いて下さい。




Beaverland ジャポニカ
Re-Discover JAPAN
inserted by FC2 system