プログラミング学習の記録 758.1 第1章(はじめてのJavaScript)の理解度チェック 1(Webページに組み込む方法) 独習JavaScript [大型本] 高橋和也 (著), 竹添直樹 (著), 里見知宏 (著)

開発環境

OS X Lion - Apple(OS)
Safari (Webプラウザ)
TextWrangler(Text Editor) (いずれはBBEditを入手したい！)
Script言語:JavaScript
JavaScript Library: jQuery

独習JavaScript 高橋和也 (著), 竹添直樹 (著), 里見知宏 (著) の第1章(はじめてのJavaScript), 理解度チェック1を解いてみる。

JavaScriptをWebページに組み込むには、

HTMLに直接スクリプトを書き込んで、<script>タグで囲む。(html内ならどこに書き込んでもいい。)
外部ファイル(拡張子(.js)を<script src = "ファイルを置いてあるアドレス"/>)を取り込む。
イベントハンドラに直接設定する。
urlに書き込む。(javasciprt:)で開始(ブックマークレットとして使える)

の4つの方法がある。

以下、直接書き込む方法。

<html> <head> <title></title> </head> <body> 　<div id = "d0" > </div> <script> $('#d0').html('<h1>Hello, World!</h1>'); </script> <input type="button" value="click!" onclick="alert('Hello, World!')"/> <p><a href="javascript:alert('Hello, World!');">ブックマークレット</a></p> </body> </html>

実際に以下に埋め込んであります。

イベントハンドラに設定

ブックマークレット

Kamimura's blog

2011年12月5日月曜日

プログラミング学習の記録 758.1 第1章(はじめてのJavaScript)の理解度チェック 1(Webページに組み込む方法) 独習JavaScript [大型本] 高橋和也 (著), 竹添直樹 (著), 里見知宏 (著)

0 コメント:

コメントを投稿

2011年12月5日月曜日

プログラミング学習の記録 758.1 第1章(はじめてのJavaScript)の理解度チェック 1(Webページに組み込む方法) 独習JavaScript [大型本] 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著)

0 コメント:

コメントを投稿

プログラミング学習の記録 758.1 第1章(はじめてのJavaScript)の理解度チェック 1(Webページに組み込む方法) 独習JavaScript [大型本] 高橋和也 (著), 竹添直樹 (著), 里見知宏 (著)