IT Design 旅 PetLife Life RenojiStock AboutUs
ITメモ
HTML
外部Link
【HTML ドキュメント】MDN Web Docs（Mozilla）
「HTML」リファレンス
HTMLメールの作り方「指定キーワード」を検索した「Google検索結果ページ」への「リンク」を作る方法「Google Map」へ「リンク」を作る方法「HTMLタグ」に「マウスアクション」を指定する方法「HTML」で「空白」を表示する方法「HTML」で「タブ（空白）」を表示する方法
「HTML」の基礎知識
「HTML」の書式「HTML」でのコメントの仕方「HTML」での「改行」の仕方「CSS」の使い方「Javascript」の使い方「HTMLタグ」の使い方「HTML」の特殊文字一覧ブラウザやタブに表示される小さなアイコン「favicon（ファビコン）」の作り方他のページに移行する「リンク」の作り方 表の作り方Webページに画像の埋め込む方法動画を埋め込む方法音声ファイルを埋め込む方法地図を埋め込む方法入力フォームの作り方
「HTML」タグ
【DOCTYPE】「HTML」の「DOCTYPE宣言」【html】すべての「HTMLタグ」の親要素「html」タグ【head】「Webページ」の付属情報を設定する場所【meta】「Webページ」の設定をする「HTMLタグ」【title】「Webページ」の「タイトル」を設定する「HTMLタグ」【link】外部ファイルとの関係定義や読み込みをする方法【script】「Javascript」を実行する方法【div】レイアウトの枠として使う方法【p】文章の段落ごとに区分する方法【li】リスト（箇条書き）で表示をする方法【table】表の作り方【br】「HTML」での「改行」の仕方【a】リンクの作り方【h1-h6】Webページの見出しの設定方法【img】画像を表示する方法【span】文字列の一部を装飾する方法【ruby】「ルビ」をふるための要素





IT Memo >>> HTML >>> 【HTML】javascriptの使い方

【HTML】javascriptの使い方

【HTML】
javascriptの使い方




「HTML」で、「Javascript」を利用するには、
お互いを繋ぐリンクをさせる必要があります。
リンクを作ることによって、
違いの情報を利用することができるようになっています。

「HTML」と「Javascript」をリンクさせる方法は、
  • 「script」タグを使って、直接コードを記述
  • 外部ファイルにJavascriptコードを記述してリンク
の２通りあります。









Javascriptを記述する方法


HTMLで、Javascriptを利用する方法は２通りあり、
  • 「script」タグを使って、直接コードを記述
  • 外部ファイルにJavascriptコードを記述してリンク
のどちらかを選択するが、HTML文書に直接記述することは、あまり推奨されていない。
1ページにしか適用しないJavascriptコードであれば、HTML文章に直接記述しても問題ありませんが、
後々、他のページにも同様のJavascriptコードを使いたくなった場合、外部ファイルのJavascriptコードであれば、リンクさせるだけで、簡単に複数ページで利用が可能となる。


「noscript」タグによって、Javascriptに対応していないブラウザへのメッセージを記述も大切。



HTMLファイル内にJavascriptを記述する方法


<script type="text/javascript">
function 関数名(引数){
Javascriptコードを記述
}
</script>
<noscript>
ご利用のブラウザは、Javascriptに対応していません。
</noscript>


Back



Javascript外部ファイルの書式


Javascript外部ファイル内の書式は、HTMLファイルに記述する「Javascript」と同じだが、 「<script></script>」タグで囲む必要がない。
書式は、「Javascript」を記述すれば問題ないが、 「Javascript外部ファイル」の拡張子は、「.js」としなければならない。


function 関数名(引数){
Javascriptコードを記述
}


Back



Javascript外部ファイルへのリンクを作成する方法


<script type="text/javascript" src="./外部ファイル名.js"></script>


Back


HTMLファイルでJavascriptの関数を実行する方法


<div onclick='javascript:関数名():')>
Click Here!!
</div>


Back


scriptの属性一覧

src=url外部スクリプトファイルのURLを指定。
type=typeスクリプトの言語type="text/javascript" などMIMEタイプ指定。
deferスクリプトを非同期に読み込み。
asyncスクリプトを非同期に読み込み・実行。
charset=charsetスクリプトのキャラクタセットを指定。
language=langスクリプト言語を指定。現在では type属性使用が推奨。
event=event将来の機能のために予約されていたが、HTML5 では廃止予定。
for=id将来の機能のために予約されてたが、HTML5 では廃止予定。