ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript - はじめに
JavaScript - はじめに
- Linda Hamiltonオリジナル
- 2025-01-21 14:37:12629ブラウズ
JavaScript: Web 開発の魂の言語
JavaScript は世界で最も人気のあるプログラミング言語であり、Web の基礎です。これは学習が簡単で、動的に型指定されるプログラミング言語であり、対話型 Web ページを作成するために開発者によって広く使用されています。
JavaScript を学ぶ理由:
JavaScript は、すべての Web 開発者がマスターする必要がある 3 つの言語のうちの 1 つです。
- HTML: Web ページのコンテンツ (構造) を定義します
- CSS: Web ページのレイアウト (スタイル) を指定します
- JavaScript: Web ページの動作 (関数) のプログラミング
JavaScript は、ほぼすべてのブラウザでサポートされています。
参考:https://www.php.cn/link/751d8d469b4f5508690047d65cbdac1b
JavaScript の適用分野:
- ウェブ開発
- フロントエンドおよびバックエンド開発
- ゲーム開発
- デスクトップアプリ
- ライブアプリ
- AI と機械学習
JavaScript の使用方法?
JavaScript を導入するには、内部 JavaScript と外部 JavaScript という 2 つの主な方法があります。
a) 内部 JavaScript
内部 JavaScript は、HTML ファイルの <script> タグ内に JavaScript コードを直接埋め込むことを指します。このタグは、<head> タグまたは <body> タグ内に配置できます。この方法は、単一ページ上の小さなスクリプトに適しています。
b) 外部 JavaScript
外部 JavaScript とは、拡張子 .js を持つ別のファイルに JavaScript コードを記述し、それを <script> タグの src 属性を介して HTML ファイルにリンクすることを指します。
構文:
(<script src="your_script.js"></script>の例をここに追加する必要があります)
JavaScript 関数とイベント:
- 関数は、「呼び出された」ときに実行できる JavaScript コードの実行可能ブロックです。
- 関数は、特定のタスクを実行し、名前が付けられた一連の命令または再利用可能なコード ブロックです。
- 関数は、
functionキーワードを使用して定義されます。
たとえば、イベントが発生したときに (ユーザーがボタンをクリックしたときなど) 関数を呼び出すことができます。
イベント: イベントは、ブラウザーで発生するある種のアクションまたはイベントです。
例:
<code class="language-html"><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript</title>
<script>
function payilagam(){
document.getElementById("welcome").innerHTML = "Welcome to Payilagam";
}
</script>
<h1></h1>
<p>Output:</p>
<p><button onclick="payilagam()">点击我</button></p>
<p id="welcome"></p>
<p><img src="/uploads/20250121/1737440961678f3ec19d3b4.jpg" alt="Image description" width="800" height="203" loading="lazy"></p></code>以上がJavaScript - はじめにの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。