記述する場所０２

基礎 JavaScript

HTML内部に記述する


ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML内部に記述する</title>
</head>
<body>


<script type="text/javascript">
<!--

　ここにコードを記述

//-->
</script>


</body>
</html>

ソースコード【 XHTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML内部に記述する</title>
</head>
<body>


<script type="text/javascript">

/* [ CDATA(文字データ) ]セクション内の文書は、全てが単純な文字列であると理解される */
<![CDATA[
  ここにコードを記述
]]>

</script>


</body>
</html>

HTMLファイルから外部JavaScriptファイルを読み込む

  • 「JavaScriptファイル」を別に作成し、「script要素」でそのファイルの場所を指定する。
  • スクリプトファイルは「src属性」で呼び出す。

ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTMLファイルから外部JavaScriptファイルを読み込む</title>


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


</head>
<body>
</body>
</html>