logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll

JavaScriptの紹介

05/12/2019, by Ivan

JavaScriptは世界で最も人気のある言語の1つですが、時間とともに位置を失っています。しかし、多くのプログラマーが習得に焦点を当てています。
JavaScriptは後続のjQuery学習に必要になります。したがって、JavaScriptフレームワークであるjQueryを取得する前に、JavaScriptの基本を知る必要があります。
JavaScriptコードは<script></script>コードを使用してHTMLページのコードに直接埋め込まれます:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>

 

このコードをindex.htmlファイルに保存し、ブラウザで開きます。次に、index.htmlファイル内のJavaScriptコードを編集します。
JavaScriptを通じた簡単なメッセージの表示から始めましょう:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('drupalbook.orgからのJavaScriptチュートリアル');
</script>
</body>
</html>


alert()関数を使用してポップアップウィンドウを表示します。これはJavaScript変数の値またはエラーメッセージをすばやく表示する必要があるときに非常に便利です。
また、document.write()関数を使用してテキストを表示することもできます

...
<script type="text/javascript">
document.write('drupalbook.orgからのJavaScriptチュートリアル');
</script>
...


ファイルを保存してブラウザページを更新して、変更を適用します。
また、JavaScriptコードを別のファイルに移動することもできます:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'>
</script>
</body>
</html>


このようにして、JavaScriptコードはscript.jsファイルから読み込まれます。ファイルが接続されているかどうかを確認するために、このファイルにalert('drupalbook.orgからのJavaScriptチュートリアル')関数を挿入します。
JavaScriptコードを別のファイルに取得する方が便利だと思います。このようにして、HTMLページをJavaScriptコードで詰まらせません。
この記事はJavaScriptの紹介として機能し、次の記事ではJavaScript言語の機能を詳しく見ていきます。