トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

JavaScript のバックアップ(No.22)

テンプレート †

↑

HTML 5形式でちょっと試したいときのテンプレート

<!DOCTYPE html>
<html lang="ja">
<head>
<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となります

↑

ソース記入方法 †

↑

別ファイルに記述する方法 †

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[ ... ]]>によってスクリプトを囲います。スクリプトが利くブラウザでは//でこの囲い自身を無効とします。

↑

タグのイベントハンドラ属性で直接記述する方法 †

<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>
↑

リンク †