【Cut&Tryで辿り着いたスクリプティング】４
Javaスクリプトでファンクションを定義し実行する。
これも<input …>タグで使用します。
ページにボタンを作成し、ボタンのクリック(タップ)で、JavaScriptのファンクションを実行させる。
HTMLファイル、<body>内で、ボタンを表示させたいところに次の一文を挿入する。
<INPUT type="button" value="(ボタンに表示する名称)" onclick="(任意の名称1)()">
ブラウザやプラットフォームにより、ボタン、文字の大きさや形状に違いがあります。
ファンクションの実行結果の表示のため、<body>内に次の一文を挿入する。
<span id="(任意の名称1-1)"><span>
(任意の名称2).js というファイルを作成し、テキスト編集アプリで次の３行を入力し保存する。
function (任意の名称1)(){
document.getElementsById("(任意の名称1-1)").innerHTML = "(任意の文)";
}
HTMLファイルでJavaスクリプトファイルをリンクさせるため、HTMLファイルに次の一文を追加する。
<SCRIPT type="text/javascript" src="(任意の名称2).js"></SCRIPT>
追加位置は大きく２通り。
(A)ヘッダー
Javaスクリプトの解釈が軽い、少ない、HTMLページの表示が軽い場合や、従来の慣習に従う場合。
(B)<body>内
Javaスクリプトの解釈が重い、多い、HTMLページの表示が重い場合、</body>の直前だとHTMLページの表示速度に影響が出にくいらしい。
今回は</head>直前の追加を推奨します。
《追加Tips》
使用するスクリプティングが JavaScript だけの際は、追加した一文を以下の二行と置き換えます。
<META http-equiv="Content-Script-Type" content="text/javascript">
<SCRIPT src="(任意の名称2).js"></SCRIPT>
二行目の type 属性が不要になります。<body>内の他行にJavaスクリプトを記述する際も type 属性が不要です。
type="text/javascript"
の属性は、以前、
language="JavaScript"
と記述してました。