• 締切済み

オブジェクトとイベントにつきまして

javascript超初心者です。。 今仮に、スクリプトの中でメソッド、プロパティ、イベントやイベントハンドラの前に、オブジェクトを入れるとします。(たとえば、window.aleart～など) その中でも、イベントやイベントハンドラをスクリプトの中に書くとして、ナビゲーターオブジェクトをその前に書く時、documentなのかwindowなのか、また他のオブジェクトなのか、使い分け方が分かりません。 大変稚拙な質問で申し訳ありませんが、javascriptの先輩方、どういうイベント(イベントハンドラ)の時にwindowで、どういうイベント(イベントハンドラ)の時にdocumentなのか等、ご回答頂けると本当に助かります。 どうぞよろしくお願い致します。

みんなの回答

  • b0a0a
  • ベストアンサー率49% (156/313)
回答No.2

イベントはwindowというか、globalまで伝播することになっています。 なので迷ったらとりあえずwindowで設定しておけば取れますよ。

mako0926
質問者

お礼

ご回答ありがとうございます！！イベントの時はとりあえずwindowでやってみます！参考になりました、感謝致します。

noname#247307
noname#247307
回答No.1

>どういうイベント(イベントハンドラ)の時にwindowで、どういうイベント(イベントハンドラ)の時にdocumentなのか等、ご回答頂けると本当に助かります。 基本的には「windowは、ブラウザのウインドウに関するもの、documentはそのウインドウに表示されているドキュメントに関するもの」と大雑把に考えておくといいと思います。ただ、alertなんてなぜwindowなのかぱっとわかりませんよね。 おそらく、オブジェクト指向の基本的な考え方がよくわかっていないためにそうした疑問が生ずるのでしょう。documentもwindowも、オブジェクトの名前でしかありません。何かの機能を利用するときに、その機能がdocumentオブジェクトの中にあればdocument.○○と書く、ということに過ぎません。 ですから、まずは「windowオブジェクトにはどんな機能が用意されており、documentオブジェクトにはどんな機能があるか」をひと通り頭に入れておくとよいでしょう。たくさんの機能がありますが、ざっと目を通していけば、なんとなく「こういうものはこっちにあるんだな」ということが見えてくると思いますよ。 後は、ひたすら「習うより慣れよ」です。JavaScriptをバリバリに使っている人も、みんな「ひたすらコードを書いて動かす」ことで覚えたのですから。がんばってください。 documentオブジェクト https://developer.mozilla.org/ja/docs/Web/API/document windowオブジェクト https://developer.mozilla.org/ja/docs/Web/API/Window

mako0926
質問者

お礼

オブジェクトの事まで含めたご回答、ありがとうございます！！ リンク先も見てみました。自分のリファレンスとして、全て書き出してみます。 そして、何回もスクリプトを書いてみます。 いつか先輩方のように質問に答えられる側になれるよう頑張りますので、また何かありましたら、よろしくお願い致します。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JSのイベントターゲット が難しい

    JSのイベントターゲット (EventTarget)が難しくてよくわからないのですが初心者にもわかるように解説していただけるとありがたいです。 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget イベントターゲット(EventTarget)は、DOMイベントを受け取り、それらへのリスナーを持つことが出来るオブジェクトによって実装されるDOMインターフェースです。 Elementと、 documentと、 windowは、ほとんどの共通イベントターゲットですが、 例えば、XMLHttpRequest、AudioNode、AudioContextなど、 他のオブジェクトもエベントターゲットになることが可能です。 多くのイベントターゲット(Element、document、windowを含む)は、 onXXXプロパティと属性を介して、 イベントハンドラの設定もサポートします。 メソッド .addEventListener() 要素にイベントハンドラを登録します。 .dispatchEvent() DOM内のノードのイベントを実行します。 .removeEventListener() EventTarget.addEventListenerを使用して登録されたイベントリスナーを削除します。 イベントを発動させる要素につけるイベントファンクションのようなものなのでしょうか？

  • イベントをつかってコールバックさせたいのですが

    HTAスクリプトでIEを起動し、ページが表示されるのを待つプログラムを 作成しようとしています。 JavaScriptではスリープができないのでisBusyをがfalseになるのを 待つ代わりに、IEオブジェクトのイベントからコールバックさせようと思いました。 そこで次のプログラムを書いたのですが、 イベントハンドラ登録の文法が間違っているらしく、実行時に 「オブジェクトでサポートされていないメソッドまたはプロパティです」 になってしまいます。 この行でやりたいことは、ieオブジェクトの NavigateComplete2 イベントが発生したときに、onComplete が呼ばれるようにすることです。 イベントハンドラの登録方法、または ieがページを読み終わるのを検知するよい方法がありましたら お教え下さい。よろしくお願いします。 ■sample.hta <html> <script> function perform(){ 　　var ie = new ActiveXObject("InternetExplorer.Application"); 　　ie.visible=true; 　　ie.navigateComplete2 = onComplete; // ←この行がエラー 　　ie.navigate("http://www.1101.com"); } function onComplete(a, b){ 　　alert("complete"); } </script> <body> <input type=button onclick="perform();" value="open"> </body> </html>

  • フレーム内のアプレットの参照ができない

    <frameset rows="*,100"> <frame src="Q0001.html" name="main"> <frame src="navigator.html" name="navigator"> </frameset> 上記のフレーム構成で、Q0001.html から navigator.html のアプレット、name="ResultRegister" を参照しようとしています。 var objElement = window.top.navigator.getElementsByName("ResultRegister"); で参照しようとすると、「オブジェクトでサポートされていないプロパティ、又はメソッドです」となり var objElement = window.top.navigator.document.getElementsByName("ResultRegister"); で参照しようとすると、「window.top.navigator.documentは、Null又はオブジェクトではありません」となり 参照できません。 どのように参照したらよいのでしょうか？ 宜しくお願いします。

  • このオブジェクトには、オートメーションオブジェクト

    アクセス２０１０です。 アクセスでフォームにはめ込んでいるサブフォームのデータをフィルタしようとすると ---------------------------------------------------------------------------- このオブジェクトには、オートメーションオブジェクト’カテゴリ’は含まれません。 オブジェクトのプロパティを設定するか、 メソッドを実行するVisual　Basicプロシージャを実行しようとしましたが これらのプロパティまたはメソッドが使用できません。 オートメーションオブジェクトでサポートされているプロパティまたはメソッドについては、 コンポーネントのドキュメントを参照してください。 ---------------------------------------------------------------------------- と言うエラーになります。 フォームにカテゴリと言うフィールドは紐づけてないのですが なぜこのエラーが発生するのでしょうか？

  • イベントリスナに登録される function(e){} の "e" はeventオブジェクト？

    私はイベントリスナ登録時の匿名関数に渡す引数eの意味が今まで理解できていませんでした。 最近、下記コードを実行することで、 <script type='text/javascript'> window.addEventListener ('click', function(e){ console.info(e); // 引数をコンソール表示 (要Firebug) for (p in e){ console.info(p + ' = ' + e[p]); // プロパティを列挙 } }, false); </script> 「eventオブジェクトを渡しているらしい」と朧気ながら理解できました。 ただ、疑問点も残ります。 私の理解では、匿名関数は (function(str){ alert(str); })('Hello'); のように明示的に引数を渡さなければ、引き渡された値は undefined となるはずでした。 変数eの値はどこから出現したのでしょうか？ そもそも、変数eはeventオブジェクトなのでしょうか？

  • イベントドリブンとオブジェクト指向

    現役S.E.です。イベントドリブンとオブジェクト指向のことを説明する必要に迫られています。しかし、私自身知識が混乱してしまい、説明に自信がないので教えてください。 オブジェクト指向は、構造化プログラミングに変わって登場してきた考え方ですよね。クラスを設計してイベントやプロパティ、メソッドを実装してインスタンスを派生していくプログラミング方法であると認識しています。 それから、イベントドリブンはマウスでのクリックとかキーの押下などのイベントに応じて、様々なアクションを起こすという考え方だと認識しています。 それで、ちょっと考えるとイベントドリブンを実現するためには、アクションやメソッドがないと動かせないと思うので、オブジェクト指向でないと実現できないと思うのですが、構造化プログラミングなのにイベントドリブンで動かすみたいなケースってあるのでしょうか？ イベントドリブンという考え方を、オブジェクト指向と組み合わせて開設してしまっていいのかどうかがよく分からなくなってしまいました。 どんな風に解説したらいいか、アドバイス頂ければ幸いです。

  • イベントハンドラに処理を追加するには？

    例えばbodyタグのonloadイベントハンドラに JavaScriptを使って処理を追加するにはどうすればよいのでしょうか？ 例） ・rei.htm <html> 　<script language="JavaScript" type="text/javascript"> 　function hoge(){ 　　alert("hogeです"); 　} 　function foo(){ 　　alert("fooです"); 　} 　</script> 　<body onload="hoge();"> 　</body> 　<script language="JavaScript" type="text/javascript"> 　document.body.onload += foo(); 　</script> <html> ※前提条件として、変更可能な箇所はscriptタグ内のみとなります。 「こんなんでいけないかな？」と思って上記のようにやってみたのですがうまくいきませんでした。 （結果はfoo()のみ実行され、hoge()は実行されませんでした。 alertでbody.onloadの中身を確認すると『function anonymous{hoge();}undefined』と表示されるので、なぜfoo()が実行されてhoge()が実行されないのかよくわかりませんが‥） また試しに document.body.onload += foo(); これを以下のように変更してみました。 document.body.onload = foo(); この時は、 ・foo()の実行 　↓ ・javascriptエラー 　↓ ・hoge()の実行 となりました。（これもなぜこうなるのかよくわかりせん） 以上、イベントハンドラに最初から任意に入れられている処理を残しつつ、 さらに処理を加えるにはどうすればよいのかご教示お願いします。

  • オブジェクトでサポートされていないプロパティまたはメソッドです。

    jQuery にて初のサイト構築に試みたのですが、 <script type="text/javascript"> (function() { $.mailbox(); })(jQuery); </script> ↑の記述だと IE6 の場合のみ 『オブジェクトでサポートされていないプロパティまたはメソッドです。』 とエラーが帰ってきてしまいます。 どうかご教授願います。宜しくお願い致します。

  • JavaScript DOMについて

    JavaScriptの勉強を始めて、１か月程度の初心者です。 JavaScriptを使って、計算したり、カレンダーを作ったり、 HTMLの要素の内容を変更させたり、削除したり、 スタイルシートのプロパティ？を変更して、背景色を変えたり、要素を移動したり、 イベントを使用したりと、出来ることは増えてきて、勉強するのが楽しくなってきたのですが、 いまだにDOM操作についていまいち理解できていません。 具体的にDOMとはどこからどこまでなんでしょうか？ JavaScriptに組み込まれているオブジェクト（Date,Math、String、Array） 以外のものは、すべてDOM操作と言う事でしょうか？ イベントハンドラだとか、タイマ機能？（windowオブジェクトのsetTimeout（）メソッド）なども DOMと言う事でしょうか？ どなたかわかりやすく説明してもらえると嬉しいです。

  • オブジェクトやプロパティ、メソッドに付いて

    今、JavaScriptを覚えようとしてるのですが、オブジェクトから訳が分からなくなってきました。 ゲームに例えたら、自機がオブジェクトで、プロパティが自機のステータスで、 メソッドがいろいろな動作をさせる関数って感じでいいんでしょうか？ それと、オブジェクトは下のようにメソッドやパラメータを使用しますが、 パラメータ＝＝"値"　って感じなのでしょうか？？ オブジェクト名.メソッド名(パラメータ); オブジェクト名.プロパティ名="値"; よろしくご指導お願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する