Javascript TIPS No.2 外部Javascriptファイルの読み込み

Javascript TIPS


文法

<script type="text/javascript" src="外部jsのパス"></script>

<html lang="ja-JP">
<title>外部Jsを読み込む</title>
<script type="text/javascript" src="./no2.js"></script>
</head>
<body>
<input type="button" onclick="myAlert();" value="no2.js内の関数を呼び出す">
</body> 
</html>

サンプルコード(外部.js)

function myAlert(){
alert("今、呼び出しました");
}

サンプルを見る

解説

  • 外部.jsを読み込んでいる部分 
<script type="text/javascript" src="読み込むJSファイルのパス"></script>
  • 外部.js内の関数を呼び出して実行 
<input type="button" onclick="外部.js内に定義されてある関数を書く" value="no2.js内の関数を呼び出す">

Javascript TIPS 一覧へ戻る