javascript個人的基礎練習とメモ
書く場所は2つ
- htmlの中
- 外部jsファイル
どちらも<head> ~ </head> 内、もしくは<body> ~ </body> 内
- ページ内なら
-
<script type="text/javascript">
ここにスクリプトを記述
</script>
- xhtmlなら(未確認)
-
<script type="text/javascript">
// <![CDATA[
ここにスクリプトを記述
// ]]>
</script>
- 外部なら
-
<script type="text/javascript" src="外部.js"></script>
jsをoffにしてる人には
- 記述場所<body> ~ </body> 内
-
<noscript>jsを切っている、もしくは利用できないユーザーエージェントに表示される内容</noscript>
DOMでコントロール出来る場所の種類?4つ
ここにDOMが来るのはおかしい?
参考:とほほのJavaScriptリファレンス/ドキュメントオブジェクトモデル(DOM)
- Core
- HTML/XMLの要素にアクセスするための方法を規定しています。
- HTML
- HTMLに特化した要素へのアクセス方法を規定しています。
- Event
- マウスクリックなどのイベントの扱い方を規定しています。
- Style
- スタイルシートへのアクセス方法を規定しています。
呼び出し方
- 各種イベント(ハンドラ)から
-
- onclick
- onkeypress
- onload
- onfocus
- onmouseover
など
でもイベントハンドラを検索してみたら、どうもこの呼び出し方は古いみたいだ。
イベントとイベントハンドラ
- イベント
- ユーザーの操作などによる何らかの状態の変化
- イベントハンドラ
- イベントによって呼び出されるもの
- 各種イベントハンドラ参考(とほほのJavaScriptリファレンス/各種イベントハンドラ)
html全体から特定の要素を参照するために利用できるメソッドは3つだけ
- document.getElementById('id属性値');
- document.getElementsByTagName('要素【タグ】名');
- document.getElementsByName('name属性値');