JavaScript の概要

JavaScriptとは何ですか?

JavaScriptは、クライアントWebページ（ブラウザ）の開発で広く使用されているスクリプト言語であり、さまざまなユーザー操作に応答するなど、HTML Webページに動的な機能を追加するために使用されます。

JavaScript は、セキュリティ機能を備えたオブジェクト駆動型およびイベント駆動型に基づくスクリプト言語であり、ほとんどの場合、Web ブラウザーによって実行されます。

JavaScript は、米国 Sun Corporation の登録商標です。現在の Javascript の最新バージョンは、Ecma International (旧欧州コンピューター製造業者協会) の ECMA-262 標準 (ECMAScript) に準拠しています。まだ開発中です。

JavaScriptの機能

スクリプト言語

JavaScriptは、小さなプログラムセグメントを使用してプログラミングを実装するスクリプト言語です。他のスクリプト言語と同様、JavaScript はブラウザーで実行されるときに 1 行ずつ翻訳されるインタプリタ型言語です。

オブジェクトベースの言語

JavaScript はオブジェクトベースの言語であり、オブジェクト指向ともみなすことができます。つまり、作成したオブジェクトを使用できます。したがって、多くの機能は、スクリプト環境内のオブジェクトのメソッドとスクリプトとの相互作用から得られます。

シンプルさ

JavaScript の記述は非常に簡単で、特定の開発環境をインストールする必要はなく、JavaScript スクリプトを記述するために必要なのはシンプルなメモ帳だけです。基本的なプログラム構文と言語構造、および弱いデータ型があり、学習と使用が簡単です。

セキュリティ

JavaScriptは、ローカルハードディスクへのアクセスを許可せず、ネットワークドキュメントの変更と削除のみを許可します。ブラウザは情報の閲覧や動的な対話を実装するため、データ損失を効果的に防ぎます。

ダイナミクス

JavaScriptは動的であり、Webサービスプログラムを経由せずにユーザー入力に直接応答できます。イベント駆動型の方法でユーザーに応答します。いわゆるイベントドリブンとは、Webページ上で何らかの操作を行うことで発生するアクションを「イベント」といいます。例えば、マウスを押す、ウィンドウを移動する、メニューを選択するなどが考えられます。イベントとして。イベントが発生すると、対応する JavaScript イベント応答が発生する場合があります。

クロスプラットフォーム

JavaScript は Web ブラウザーによって実行され、コンピューターがブラウザーを実行でき、ブラウザーが 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中文网(php.cn)</title> 
</head>
<body>
    <p id="demo">
    内容。
    </p>
    <script>
    function myFunction()
    {
    x=document.getElementById("demo");  // 找到元素
    x.innerHTML="Hello JavaScript!";    // 改变内容
    }
    </script>
    <button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>

HTML画像を変更する

rrええ

HTMLスタイルを変更

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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中文网(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>

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } } function validate_form(thisform) { with (thisform) { if (validate_email(email,"Not a valid e-mail address!")==false) {email.focus();return false} } } </script> </head> <body> <form action="submitpage.htm"onsubmit="return validate_form(this);" method="post"> Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit"> </form> </body> </html>

提出するリセットコード

自動運転