コース: JavaScript 基本講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

変数を使う

変数を使う

このレッスンでは 変数の宣言とその使い方について ご説明をします。 今開いているHTMLドキュメント なんですけれどもscript要素の中に命令文、 ステートメントという言い方もするんですが ステートメントが1行だけあります。 これは document.write ということで このHTMLドキュメントに テキストを書き込むという メソッドになります。 そして書き込むテキストは 「このテキストが表示される」という 文字列ですね。 そして「変数を使う」という h1 がありますので、このあとに 「このテキストが表示される」というふうに 文字どおり表示されるんですけれども 確認しましょう。 「ファイル」からDreamweaverでは 「リアルタイムプレビュー」、 「Chrome」で見てみます。 「このテキストが表示される」ということで 表示されていますね。 もうひとつステートメントを加えましょう。 加えるメソッドなんですが、 alert というメソッドです。 これは誰に対して命令するかというと window というオブジェクトです。 window で、 コード補完出てきましたからEnter。 命令は . ですね。 そして alert。 コード補完が出ましたので 選択します。 そしてメソッドは必ず () で囲みます。 この中に警告ダイアログに 表示したい文字列を入れます。 同じ文字列を表示したいとしましょう。 ですからこれをコピーして、 そしてペーストと。 ; をつけましょう。 警告ダイアログが表示されて、 先ほどと同じように 「このテキストが表示される」という文字が ドキュメントの中には出てきます。 一回保存しましょう。 そしてブラウザで確認します。 Dreamweaverでは 「リアルタイムプレビュー」です。 「Chrome」で見てみます。 そうすると警告ダイアログが出てきて そこに「このテキストが表示される」 というふうに出てきました。 でも後ろ、何も出てこないですね。 これ実は先ほどのdocument.write、 実行はされています。 でもこのドキュメントのレンダリングが されていないんですね。 ですから、これ「OK」を押すと 出てくるんですけれども 同じ「このテキストが表示される」という 文字列が出てきました。 このテキスト、文字列に…

目次