- 追加された行はこの色です。
- 削除された行はこの色です。
#ls2(JavaScript)
*テンプレート [#kceb1a85]
**HTML 5形式でちょっと試したいときのテンプレート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta charset="UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script>
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
**簡易的なHTML 4形式でちょっと試したいときのテンプレート
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
備考：DOCTYPEを付ければ正式なHTML 4となります
**ソース記入方法 [#r07be2f0]
***別ファイルに記述する方法 [#u8db2226]
HTML5
<script src="js/foo.js"></script>
HTML4.01, XHTML
<script type="text/javascript" src="js/foo.js" charset="UTF-8"></script>
※文字コードが違う場合はこのようにcharasetを指定します
***HTMLファイル中にまとめて記述する方法
<script type="text/javascript">
<!--
ココにコードを記述します
//-->
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利用いただけません。</noscript>
スクリプトが使えない場合は、コード部分を<!-- ... -->によってコメントとして表示しないようにしています。
***XHTMLファイル中にまとめて記述する方法
<script type="text/javascript">
//<![CDATA[
ココにコードを記述します
//]]>
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利用いただけません。</noscript>
XHTMLでは<!-- -->を使用すると本当にコメントとなりスクリプトが実行されなくなりますので、<![CDATA[ ... ]]>によってスクリプトを囲います。スクリプトが利くブラウザでは//でこの囲い自身を無効とします。
***タグのイベントハンドラ属性で直接記述する方法 [#bdd35781]
<iframe src="http://mainichi.jp/" width="1024" height="768" scrolling="auto" frameborder="1" onLoad="alert('loaded')">
</iframe>
***aタグのhrefに直接記述する方法
<a href="JavaScript:window.alert('Hello, world!');">ダイアログを表示</a>
*リンク [#f9af324e]
-[[JavaScript によるイベントドリブン | Hatena-Textbook>https://github.com/hatena/Hatena-Textbook/blob/master/javascript-event-driven.md]] JavaScriptの込み入ったことを分かりやすく解説☆☆☆
-[[YUI Compressor Online>http://yui.2clics.net/]] JavaScriptやCSSファイルをアップするだけで手軽に圧縮したり、難読化てくれるWebサービス
-[[Greasemonkeyの使い方とアイコン素材>http://paro2day.blog122.fc2.com/blog-entry-704.html]]
-[[マンガで分かるJavaScriptプログラミング講座>http://crocro.com/write/manga_javascript/wiki.cgi]]
-[[アークウェブシステム開発SandBox記事『Ajax/iframeを使ったAjaxでComet?』>http://www.ark-web.jp/sandbox/wiki/167.html]] iframeを使って外部リンク参照の制限を回避するヒントになりそう
-[[JavaScriptの基礎講座>http://homepage2.nifty.com/Shouji/pc/js/index.html]] ... 見やすい図やサンプルが有って、分かりやすいサイトです。
-[[JavaScriptist JavaScriptの基礎>http://javascriptist.net/docs/javascript_basic.html]]
-[[Gihyo.jp Firefox 3とFirebugで始めるJavaScript開発>http://gihyo.jp/dev/feature/01/firebug]]
-[[Gihyo.jp jQueryではじめるAjax>http://gihyo.jp/dev/feature/01/jquery-ajax]]
-[[Gihyo.jp マッシュアップを，ひとりでスピーディに大量構築する方法>http://gihyo.jp/dev/feature/01/mashup]]
