JavaScriptの使用(1)

JavaScriptの紹介

JavaScript(略して「JS」)は、軽量で、解釈された、またはジャストインタイムでコンパイルされたプログラミング言語であり、最初に関数を使用します。Webページを開発するためのスクリプト言語として有名ですが、ブラウザ以外の多くの環境でも使用されています。JavaScriptは、プロトタイププログラミング、マルチパラダイム動的スクリプト言語に基づいており、オブジェクト指向、必須、宣言型(など)をサポートしています。関数型プログラミングとして)スタイル。JavaScriptはJavaとは何の関係もありません。

JavaScriptは、1995年にNetscapeのBrendanEichによってNetscapeNavigatorブラウザで最初に設計および実装されました。NetscapeはSunと協力していたため、Netscapeの管理者はJavaのように見せたかったので、JavaScriptと名付けられました。しかし実際には、その文法スタイルは自己とスキームに近いです。

JavaScriptの標準はECMAScriptです。2012年の時点で、すべてのブラウザーはECMAScript 5.1を完全にサポートしており、古いブラウザーは少なくともECMAScript3標準をサポートしています。2015年6月17日、ECMAInternationalはECMAScriptの第6版をリリースしました。この版の正式名称はECMAScript2015ですが、通常はECMAScript6またはES2015と呼ばれます。

JavaScriptの役割

1.動的テキストをHTMLページに埋め込みます。
2.ブラウザのイベントに応答します。
3.HTML要素の読み取りと書き込み。
4.サーバーに送信する前にデータを確認します。
5.訪問者のブラウザ情報を検出します。作成や変更などを含むCookieを制御します。
6.Node.jsテクノロジーに基づくサーバー側プログラミング。

JavaScript言語の機能

(1)スクリプト言語。JavaScriptは、解釈されたスクリプト言語です。CやC ++などの言語はコンパイルされてから実行されます。JavaScriptは、プログラムの実行中に1行ずつ解釈されます。

(2)オブジェクトに基づく。JavaScriptはオブジェクトベースのスクリプト言語であり、オブジェクトを作成できるだけでなく、既存のオブジェクトを使用することもできます。

(3)シンプル。JavaScript言語が採用しているのは、弱い型の変数型であり、使用するデータ型を厳密に要求するものではなく、Javaの基本的な文と制御に基づくスクリプト言語であり、その設計はシンプルでコンパクトです。

(4)動的。JavaScriptは、Webサーバーを経由せずにユーザー入力に応答できるイベント駆動型スクリプト言語です。Webページにアクセスすると、マウスがクリックまたは上下に移動し、Webページ内のウィンドウが移動します。JavaScriptはこれらのイベントに直接応答できます。

(5)クロスプラットフォーム。JavaScriptスクリプト言語は、オペレーティングシステムに依存せず、ブラウザのサポートのみに依存します。したがって、JavaScriptスクリプトは、マシン上のブラウザがJavaScriptスクリプト言語をサポートし、JavaScriptがほとんどのブラウザでサポートされている限り、記述された後はどのマシンでも使用できます。

[6] PHPやASPなどのサーバー側スクリプト言語とは異なり、JavaScriptは主に、ユーザーのブラウザーで実行するクライアント側スクリプト言語として使用され、サーバーのサポートを必要としません。そのため、初期のプログラマーは、サーバーの負担を軽減するためにJavaScriptを好んでいましたが、同時に、セキュリティという別の問題ももたらしました。
サーバーが強力になるにつれて、プログラマーはセキュリティを確保するためにサーバー上でスクリプトを実行することを好みますが、JavaScriptは、クロスプラットフォームで使いやすいという利点があるため、依然として人気があります。同時に、一部の特別な関数(AJAXなど)は、クライアント側でサポートされるためにJavaScriptに依存する必要があります。

JavaScriptコードを書く場所

  1. 埋め込みメソッド:ページで、タグペアをタグに配置してスクリプトプログラムを作成できます。
<script type="text/javascript">
			
		</script>

JavaScriptもプレーンテキスト言語であるため、テキストはプレーンテキストを意味します
PS:崇高なテキストに<scを入力した後、Tabキーを押して自動的に完成させます。

  1. 外部チェーンタイプ:外部JavaScriptファイルをインポートします(埋め込みjsと並べて使用できるbodyタグに入れます)例:htmlファイルにindex.jsをインポートします

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		//引入index.js文件
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

index.jsファイルの内容

alert('引入执行的index内容')

運転結果
ここに画像の説明を挿入

  1. デバッグと実行:ブラウザコンソールで直接実行します(コンソールはデバッグに使用されます)。
    例:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var a = 'helloworld'
			alert(a)
			console.log(a)
			console.log(123456)
		</script>
	</body>
</html>

ページ効果ここに画像の説明を挿入
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_46384159/article/details/115159833