JavaScript の概要
JavaScriptとは何ですか?
JavaScriptは、クライアントWebページ（ブラウザ）の開発で広く使用されているスクリプト言語であり、さまざまなユーザー操作に応答するなど、HTML Webページに動的な機能を追加するために使用されます。
JavaScript は、セキュリティ機能を備えたオブジェクト駆動型およびイベント駆動型に基づくスクリプト言語であり、ほとんどの場合、Web ブラウザーによって実行されます。
JavaScript は、米國 Sun Corporation の登録商標です?，F(xiàn)在の Javascript の最新バージョンは、Ecma International (舊歐州コンピューター製造業(yè)者協(xié)會) の ECMA-262 標準 (ECMAScript) に準拠しています。まだ開発中です。
JavaScriptの機能
スクリプト言語
JavaScriptは、小さなプログラムセグメントを使用してプログラミングを?qū)g裝するスクリプト言語です。他のスクリプト言語と同様、JavaScript はブラウザーで実行されるときに 1 行ずつ翻訳されるインタプリタ型言語です。
オブジェクトベースの言語
JavaScript はオブジェクトベースの言語であり、オブジェクト指向ともみなすことができます。つまり、作成したオブジェクトを使用できます。したがって、多くの機能は、スクリプト環(huán)境內(nèi)のオブジェクトのメソッドとスクリプトとの相互作用から得られます。
シンプルさ
JavaScript の記述は非常に簡単で、特定の開発環(huán)境をインストールする必要はなく、JavaScript スクリプトを記述するために必要なのはシンプルなメモ帳だけです。基本的なプログラム構(gòu)文と言語構(gòu)造、および弱いデータ型があり、學習と使用が簡単です。
セキュリティ
JavaScriptは、ローカルハードディスクへのアクセスを許可せず、ネットワークドキュメントの変更と削除のみを許可します。ブラウザは情報の閲覧や動的な対話を?qū)g裝するため、データ損失を効果的に防ぎます。
ダイナミクス
JavaScriptは動的であり、Webサービスプログラムを経由せずにユーザー入力に直接応答できます。イベント駆動型の方法でユーザーに応答します。いわゆるイベントドリブンとは、Webページ上で何らかの操作を行うことで発生するアクションを「イベント」といいます。例えば、マウスを押す、ウィンドウを移動する、メニューを選択するなどが考えられます。イベントとして。イベントが発生すると、対応する JavaScript イベント応答が発生する場合があります。
クロスプラットフォーム
JavaScript は Web ブラウザーによって実行され、コンピューターがブラウザーを?qū)g行でき、ブラウザーが JavaScript をサポートしている限り、正しく実行できます。 。
HTML出力に直接書き込む
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
<p>...</p>
</body>
</html>イベントへの反応
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button type="button" onclick="alert('你好!')">點我!</button>
</body>
</html>HTMLコンテンツを変更する
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">
內(nèi)容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內(nèi)容
}
</script>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>HTML畫像を変更する
HTMLスタイルを変更
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>點擊燈泡查看效果</p>
</body>
</html>入力を確認
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">
改變 HTML 的樣式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="blue"; // 改變樣式
}
</script>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>
![[クラウド サーバー學習] Webhook 自動展開ブログ](https://img.php.cn/upload/course/000/000/041/61e515d5eed45156.jpg)
