トップ100 Javaスクリプト面接の質問と回答(2026)

ここにあります Java夢の仕事に就くための、新人および経験豊富な候補者向けの面接の質問と回答のスクリプトです。

 

Java新入社員向けの面接の質問スクリプト

1。 何ですか Javaスクリプト?

Javaスクリプトは非常に強力なクライアント側スクリプト言語です。 Javaスクリプトは主に、ユーザーとウェブページのインタラクションを強化するために使用されます。言い換えれば、スクリプトの助けを借りて、ウェブページをより生き生きとインタラクティブにすることができます。 Java脚本。 Javaスクリプトは、ゲーム開発やモバイル アプリケーション開発でも広く使用されています。

👉 無料の PDF ダウンロード: Javaスクリプト面接の質問と回答 >>


2. 違いを列挙する Java および Javaスクリプト?

Java 完全なプログラミング言語です。対照的に、 Javaスクリプトは、HTML ページに導入できるコード化されたプログラムです。これら 2 つの言語はまったく相互依存しておらず、異なる目的で設計されています。 Java オブジェクト指向プログラミング(OOPS)または構造化プログラミング言語のような C++ またはCであるのに対し、 Javaスクリプト クライアント側のスクリプト言語です。


3。 なに Javaスクリプト データ型?

以下は Javaスクリプト データ型:

  • String
  • ブーリアン
  • オブジェクト
  • 未定義

4. isNaN 関数の用途は何ですか?

isNan 関数は、引数が数値でない場合は true を返し、それ以外の場合は false を返します。


5. どちらが速いですか? Javaスクリプトと ASP スクリプト?

Javaスクリプトはより高速です。 Javaスクリプトはクライアント側の言語なので、実行にウェブサーバーの支援は必要ありません。一方、ASPはサーバー側の言語なので、常にスクリプトよりも遅くなります。 Java脚本。 Javascript 今ではサーバーサイド言語(Node.js)でもあります。


6. 負の無限大とは何ですか?

負の無限大は Java負の数をゼロで割ることで得られるスクリプト。


7. 破ることは可能か Javaスクリプトコードを複数行に分割しますか?

文字列ステートメント内での分割は、最初の行の末尾にバックスラッシュ「\」を使用することで実行できます。

例:

document. Write ("This is \a program,");

また、文字列ステートメント内ではないときに新しい行に変更すると、JavaScript は行の区切りを無視します。

例:

var x=1, y=2,
z=
x+y;

上記のコードはまったく問題ありませんが、デバッグの妨げになるためお勧めできません。


8. どの会社が開発したのか Javaスクリプト?

Netscapeは、 Java脚本。


9. 未宣言変数および未定義変数とは何ですか?

未宣言変数とは、プログラム内に存在せず、宣言されていない変数です。 プログラムが宣言されていない変数の値を読み取ろうとすると、実行時エラーが発生します。

未定義変数とは、プログラム内で宣言されているものの値が与えられていない変数です。 プログラムが未定義の変数の値を読み取ろうとすると、未定義の値が返されます。


10. 新しい要素を動的に追加するコードを作成しますか?

<html> 
<head> 
<title>t1</title> 
<script type="text/javascript"> 
    function addNode () { var newP = document. createElement("p"); 
    var textNode = document.createTextNode(" This is a new text node"); 
    newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } 
</script> </head> 
<body> <p id="firstP">firstP<p> </body> 
</html>

11. グローバル変数とは何ですか? これらの変数はどのように宣言されるのでしょうか?

グローバル変数はコード全体で使用できるため、スコープはありません。 var キーワードは、ローカル変数またはオブジェクトを宣言するために使用されます。 var キーワードを省略すると、グローバル変数が宣言されます。

例:

// グローバルを宣言します: globalVariable = “Test”;

グローバル変数を使用する場合に直面する問題は、ローカル スコープとグローバル スコープの変数名の衝突です。 また、グローバル変数に依存するコードのデバッグとテストは困難です。


12. プロンプトボックスとは何ですか?

プロンプト ボックスは、テキスト ボックスを提供することでユーザーが入力できるようにするボックスです。テキストまたは数字を入力するためのラベルとボックスが提供されます。


13. 「this」キーワードとは何ですか? Javaスクリプト?

「This」キーワードは、呼び出し元のオブジェクトを指します。


14. タイマーの仕組みは? Javaスクリプト?

タイマーは、設定された時間にコードを実行したり、指定された間隔でコードを繰り返したりするために使用されます。 これは関数を使用して行われます setTimeout、setInterval、 および クリア間隔.

私達の setTimeout(関数, 遅延) function は、前述の遅延の後に特定の関数を呼び出すタイマーを開始するために使用されます。 の setInterval(関数, 遅延) function は、指定された関数を前述の遅延時間内に繰り返し実行し、キャンセルされた場合にのみ停止します。 の クリア間隔(id) 関数はタイマーの停止を指示します。

タイマーは単一のスレッド内で操作されるため、イベントはキューに入れられ、実行を待機する場合があります。


15. コメントに使用する記号はどれですか? Javascript?

// 単一行コメントの場合と

/* マルチ

LINE

コメント

*/


16. ViewState と SessionState の違いは何ですか?

  • 「ViewState」はセッション内のページに固有です。
  • 「SessionState」は、すべての Web アプリケーション ページにわたってアクセスできるユーザー固有のデータに固有です。

17. === 演算子とは何ですか?

=== は厳密な等価演算子と呼ばれ、2 つのオペランドが変換なしで同じ値を持つ場合に true を返します。


18. フォームを送信する方法 Javaスクリプト?

フォームを送信するには Javaスクリプトの使用

document.form[0].submit();
document.form[0].submit();

19.する Javaスクリプトは自動型変換をサポートしていますか?

はい、 Javaスクリプトは自動型変換をサポートしています。これは、 Javaスクリプト開発者


20. 要素のスタイル/クラスはどのように変更できますか?

それは次の方法で行うことができます:

document.getElementById("myText"). style. fontSize = "20";

or

document. getElementById ("myText"). className = "anyclass";

21. ファイルを読み書きする方法 Javaスクリプト?

ファイルの読み書きには2つの方法があります。 Javaスクリプト

  • 使い方 Javaスクリプト拡張
  • Web ページと Active X オブジェクトの使用

22. ループ構造にはどのようなものがあるか Javaスクリプト?

以下はループ構造です Javascript:

  • 一方、
  • Do-while ループ

23. 変数型とは Javascript?

変数の型指定は、変数に数値を割り当てるために使用されます。 同じ変数を文字列に割り当てることができます。

例:

i = 10;
i = "string;"

これは変数の型付けと呼ばれます。


24. 任意の基数の文字列を整数に変換するにはどうすればいいですか? Javaスクリプト?

parseInt() 関数は、異なる基数間で数値を変換するために使用されます。parseInt() は、変換する文字列を最初のパラメータとして受け取ります。2 番目のパラメータは、指定された文字列の基数です。

4F (または基数 16) を整数に変換するには、使用されるコードは次のようになります。

parseInt ("4F", 16);

25.「==」と「===」の違いは?

「==」は値の同等性のみをチェックしますが、「===」はより厳密な同等性テストであり、XNUMX つの変数の値または型のいずれかが異なる場合は false を返します。


Java経験豊富な人向けのスクリプト面接の質問

26. 3+2+「7」の結果はどうなりますか?

3と2は整数なので数値的に加算されます。 そして 7 は文字列なので、連結が行われます。 したがって、結果は 57 になります。


27. クライアントマシン上のオペレーティング システムを検出するにはどうすればよいですか?

クライアント マシン上のオペレーティング システムを検出するには、ナビゲータのプラットフォーム文字列 (プロパティ) を使用する必要があります。


28. NULLとはどういう意味ですか? Javascript?

NULL 値は、値がないこと、またはオブジェクトがないことを表すために使用されます。 これは、オブジェクトまたは null 文字列、有効なブール値、数値、配列オブジェクトがないことを意味します。


29. delete 演算子の機能は何ですか?

delete キーワードは、プロパティとその値を削除するために使用されます。

例:

var student= {age:20, batch:"ABC"};
Delete student. age;

30. 未定義の値とは何か Javaスクリプト?

未定義の値は、

  • コード内で使用されている変数が存在しません
  • 変数には値が割り当てられていません
  • プロパティが存在しません。

31. ポップアップボックスの種類は何ですか? Javaスクリプト?

  • 警告
  • 確認して
  • プロンプト

32. Void (0) の用途は何ですか?

Void(0) はページの更新を防ぐために使用され、呼び出し中にパラメーター「ゼロ」が渡されます。

Void(0) は、ページを更新せずに別のメソッドを呼び出すために使用されます。


33. どうすればページを強制的に別のページを読み込むことができるか Javaスクリプト?

目的の効果を得るには、次のコードを挿入する必要があります。

<script language="JavaScript" type="text/javascript" >
<!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>

34. 変数のデータ型は何ですか? Javaスクリプト?

すべての変数 Javaスクリプトはオブジェクト データ型です。


35. アラート ボックスと確認ボックスの違いは何ですか?

警告ボックスには、[OK] ボタンが 1 つだけ表示されます。

ただし、確認ボックスには、「OK」と「キャンセル」の 2 つのボタンが表示されます。


36. エスケープ文字とは何ですか?

エスケープ文字 (バックスラッシュ) は、一重引用符、二重引用符、アポストロフィ、アンパサンドなどの特殊文字を扱うときに使用します。文字の前にバックスラッシュを配置すると、表示されます。

例:

document. write "I m a "good" boy."
document. write "I m a \"good\" boy."

37。 なに Javaスクリプト クッキー?

Cookie ポリシー はコンピューターに保存される小さなテスト ファイルで、ユーザーが Web サイトにアクセスしたときに必要な情報を保存するために作成されます。例としては、ユーザー名の詳細や以前のアクセス時のショッピング カート情報などが挙げられます。


38. pop()メソッドは Javaスクリプトは?

pop()メソッドはshift()メソッドに似ていますが、違いは Shift このメソッドは配列の先頭で機能します。 Pop() メソッドは、指定された配列から最後の要素を取り出して返します。その後、呼び出される配列が変更されます。

例:

var cloths = ["Shirt", "Pant", "TShirt"];
cloths.pop();
//Now cloth becomes Shirt,Pant

39.する Javaスクリプトには概念レベルのスコープがありますか?

いいえ。 Javaスクリプトには概念レベルのスコープがありません。関数内で宣言された変数には関数内でのスコープがあります。


40. innerHTML を使用することのデメリットは何ですか? Javaスクリプト?

innerHTMLを Javaスクリプト、欠点は

  • コンテンツはどこでも置き換えられます
  • 「innerHTMLに追加する」というような使い方はできません。
  • +=like “innerHTML = innerHTML + 'html'” を使用した場合でも、古いコンテンツは html に置き換えられます。
  • innerHTML コンテンツ全体が再解析され、要素に組み込まれます。 したがって、はるかに遅いです
  • innerHTML は検証を提供しないため、有効な壊れた HTML をドキュメントに挿入して破損する可能性があります。

41. Break ステートメントと continue ステートメントとは何ですか?

Break ステートメントは現在のループを終了します。

Continue ステートメントはループの次のステートメントを継続します。


42. データ型のXNUMXつの基本的なグループは何ですか? Javaスクリプト?

  • それらは原始的なものです
  • 参照型

プリミティブ型は数値とブール型のデータ型です。参照型は文字列や日付などのより複雑な型です。


43. 汎用オブジェクトはどのように作成できますか?

汎用オブジェクトは次のように作成できます。

var I = new object();

44. 演算子のタイプの用途は何ですか?

「Typeof」は、変数の型の文字列記述を返すために使用される演算子です。


45. 例外を処理するためにどのキーワードが使用されますか?

Try…Catch-finallyは、例外を処理するために使用されます。 Javaスクリプト

Try{
    Code
}
Catch(exp){
    Code to throw an exception.
}
Finally{
    Code runs either it finishes successfully or after catch
}

46. 画面上のテキストを印刷するために使用されるキーワードはどれですか?

書類。 Write (「ようこそ」) は、画面に「ようこそ」というテキストを印刷するために使用されます。


47. ぼかし機能は何に使えますか?

Blur 関数は、指定したオブジェクトからフォーカスを削除するために使用されます。


48.変数タイピングとは何ですか?

変数の型指定では、変数に数値を割り当ててから、同じ変数に文字列を割り当てます。 例は次のとおりです。

i= 8;
i="john";

49. クライアントマシンのオペレーティングシステムを見つける方法 Javaスクリプト?

私達の 'ナビゲーター。アプリ バージョンは、クライアント マシンでオペレーティング システムの名前を見つけるために使用されます。


50. エラーの種類にはどのようなものがありますか? Javaスクリプト?

エラーには XNUMX つのタイプがあります。

  • ロード時間エラー: Web ページの読み込み時に発生するエラー (不適切な構文エラーなど) は読み込み時エラーとして知られており、エラーが動的に生成されます。
  • ランタイムエラー: HTML 言語内でのコマンドの誤用により発生するエラー。
  • 論理エラー: これらは、異なる操作を持つ関数で実行された不適切なロジックが原因で発生するエラーです。

Java5年間の経験者向けのスクリプト面接の質問

51. Pushメソッドの用途は何ですか? Javaスクリプト?

Push メソッドは、XNUMX つ以上の要素を配列の末尾に追加または追加するために使用されます。 このメソッドを使用すると、複数の引数を渡すことで複数の要素を追加できます。


52. unshiftメソッドとは何ですか? Javaスクリプト?

アンシフトメソッドはプッシュメソッドに似ており、 配列。 このメソッドは、XNUMX つ以上の要素を配列の先頭に追加するために使用されます。


53. 違いは何ですか? Javaスクリプトと Jscript?

どちらもほとんど同じです。NetscapeとJscriptは Javaスクリプトは Microsoft.


54. オブジェクトのプロパティはどのように割り当てられますか?

プロパティは次のようにオブジェクトに割り当てられます。

obj ["class"] = 12;
or
obj.class = 12;

55. 「Strict Mode」とは何ですか? Javaスクリプトと、それを有効にする方法を教えてください。

厳格モードでは、 Javaスクリプト。厳密モードでは、 Javaスクリプトは、以前はエラーが表示されなかったが、問題があり、潜在的に安全でない可能性のあるコードの一部にエラーを表示します。厳密モードは、スクリプトの実行を妨げるいくつかの間違いも解決します。 Javaスクリプト エンジンが効率的に動作しなくなります。

Strict モードは、ファイルの上に文字列リテラル「use strict」を追加することで有効にできます。 これは、次の例で説明できます。

function myfunction() {
    "use strict;"
    var v = "This is a strict mode function";
}

56. 小切手のステータスを取得する方法は何ですかBox?

ステータスは次のように取得できます。

 alert(document.getElementById('checkbox1').checked); 

小切手の場合Box がチェックされている場合、このアラートは TRUE を返します。


57. クライアント マシンの OS はどのように検出できますか?

navigator. appVersion 文字列を使用して、クライアント マシン上のオペレーティング システムを検出できます。


58. window.onload と onDocumentReady とは何ですか?

onload 関数は、ページ上のすべての情報がロードされるまで実行されません。 これにより、コードが実行されるまでに大幅な遅延が発生します。

onDocumentReady は、DOM がロードされた直後にコードをロードします。 これにより、コードを早期に操作できるようになります。


59. クロージャの仕組み Javaスクリプト?

クロージャは、関数が返されたときにメモリ内に留まる、関数に関連してローカルに宣言された変数です。

具体的な例を挙げますと、以下の通りです。

function greet(message) {
    console.log(message);
}
function greeter(name, age) {

    return name + " says howdy!! He is " + age + " years old";
}
// Generate the message
var message = greeter("James", 23);
// Pass it explicitly to greet
greet(message);
This function can be better represented by using closures
function greeter(name, age) {
    var message = name + " says howdy!! He is " + age + " years old";
    return function greet() {
        console.log(message);
    };
}
// Generate the closure
var JamesGreeter = greeter("James", 23);
// Use the closure
JamesGreeter();

60. 配列に値を追加するにはどうすればよいですか?

指定された方法で値を配列に追加できます。

 
arr[arr.length] = value; 

61. for-inループとは何か Javascript?

for-in ループは、オブジェクトのプロパティをループするために使用されます。

for-in ループの構文は次のとおりです。

for (variable name in object){
    statement or block to execute
}

繰り返しのたびに、オブジェクトの XNUMX つのプロパティが変数名に関連付けられます。 ループは、オブジェクトのすべてのプロパティが使い果たされるまで継続されます。


62. 無名関数の重要な性質は何ですか? Javaスクリプト?

名前付き識別子を使用せずに宣言された関数は、匿名関数と呼ばれます。 一般に、匿名関数は宣言後はアクセスできません。

匿名関数の宣言 –

var anon = function() {
    alert('I am anonymous');
};
anon();

63. .call() と .apply() の違いは何ですか?

関数 .call() と .apply() は、わずかな違いを除いて、使用法が非常に似ています。 .call() は、関数の引数の数がプログラマに既知である場合に使用されます。これは、関数の引数を call ステートメントの引数として指定する必要があるためです。 一方、.apply()は数値が不明な場合に使用されます。 関数 .apply() は、引数が配列であることを想定しています。

.call() と .apply() の基本的な違いは、引数が関数に渡される方法にあります。 それらの使用法は、与えられた例で説明できます。

var someObject = {
myProperty : 'Foo',

myMethod : function(prefix, postfix) {

    alert(prefix + this.myProperty + postfix);
}
};
someObject.myMethod('<', '>'); // alerts '<Foo>'
var someOtherObject  = {

    myProperty : 'Bar.'

};
someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>'

someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'

64. イベントバブリングとは何ですか?

Javaスクリプトを使用すると、DOM 要素を互いにネストすることができます。このような場合、子のハンドラーがクリックされると、親のハンドラーもクリックされたかのように動作します。


65.です Javaスクリプトは大文字と小文字を区別しますか? 例を挙げてください。

はい、 Javaスクリプトでは大文字と小文字が区別されます。たとえば、関数 parseInt は関数 Parseint と同じではありません。


66. ブール演算子はどのような場合に使用できますか Javaスクリプト?

「そして」 Operaトール (&&)、「または」 Operator (||)、および「Not」 Operator (!) は、 Java脚本。

*Operators には括弧がありません。


67. ハイパーリンクから特定のフレームをターゲットにするにはどうすればいいですか? Javaスクリプト?

これは、「target」属性を使用してハイパーリンクに必要なフレームの名前を含めることによって実行できます。

<a href="/ja/newpage.htm" target="newframe">>New Page</a>

68. Break ステートメントと continue ステートメントの役割は何ですか?

Break ステートメントは、現在のループから抜け出すために使用されます。 対照的に、 continue ステートメントは、新しい繰り返しで現在のループを継続します。


69. Web ガーデンと Web ファームの違いを書きますか?

Web ガーデンと Web ファームはどちらも Web ホスティング システムです。 唯一の違いは、Web ガーデンが単一サーバーに多数のプロセッサを含むセットアップであることです。 同時に、Web ファームは複数のサーバーを使用する大規模なセットアップです。


70. オブジェクトのプロパティはどのように割り当てられますか?

オブジェクトにプロパティを割り当てる方法は、変数に値を割り当てる方法と同じです。たとえば、フォーム オブジェクトのアクション値は、次の方法で「送信」に割り当てられます – Document.form.action=”submit”


71. ファイルの読み書き方法は何ですか? Javaスクリプト?

これは、以下を使用して行うことができます。 Javaスクリプト拡張機能(実行元 Javaスクリプトエディタなど、たとえばファイルを開くときに使用します。

 fh = fopen(getScriptPath(), 0);

72. DOMはどのように利用されているか Javaスクリプト?

DOM は Document Object Model の略で、ドキュメント内のさまざまなオブジェクトが互いにどのように相互作用するかを司ります。DOM は、段落やリンクなどのオブジェクトを含む Web ページの開発に必要です。これらのオブジェクトは、追加や削除などのアクションを含むように操作できます。DOM は、Web ページに追加機能を追加するためにも必要です。さらに、API を使用すると、他の既存のモデルよりも有利になります。


73. イベントハンドラはどのように利用されるか Javaスクリプト?

イベントは、ユーザーによるリンクのクリックやフォームへの入力などのアクティビティから生じるアクションです。 これらすべてのイベントの適切な実行を管理するには、イベント ハンドラーが必要です。 イベント ハンドラーは、オブジェクトの追加の属性です。 この属性には、イベントの名前と、イベントが発生した場合に実行されるアクションが含まれます。


74. 遅延スクリプトの役割は何ですか? Javaスクリプト?

デフォルトでは、ページの読み込み中の HTML コードの解析は、スクリプトの実行が停止するまで一時停止されます。サーバーが遅い場合やスクリプトが特に重い場合は、Web ページが遅延します。

Deferred を使用すると、スクリプトは HTML パーサーが実行されるまでスクリプトの実行を遅らせます。これにより、Web ページの読み込み時間が短縮され、表示が速くなります。


75. さまざまな機能コンポーネントは何ですか? Javaスクリプト?

さまざまな機能コンポーネント Javaスクリプトは-

  • 最高級の関数: の機能 Javaスクリプトはファーストクラス オブジェクトとして使用されます。つまり、これらの関数は他の関数に引数として渡したり、他の関数から値として返したり、変数に割り当てたり、データ構造に格納したりすることができます。
  • ネストされた関数: 他の関数内で定義される関数は、ネストされた関数と呼ばれます。 これらは、「main 関数が呼び出されるたびに」呼び出されます。

76. 表示されるエラーについて書いてください。 Javaスクリプト?

Javaスクリプトはエラーが発生したかのようにメッセージを表示します。認識されるエラーは次のとおりです。

  • ロード時のエラー: ページの読み込み時に表示されるエラーは、読み込み時エラーとしてカウントされます。 不適切な構文を使用するとこれらのエラーが発生するため、ページの読み込み中に検出されます。
  • ランタイムエラー: これは、プログラムの実行中に発生するエラーです。たとえば、不正な操作によって数値がゼロで除算されたり、メモリの存在しない領域にアクセスされたりします。
  • 論理エラー: これは、構文的に正しいコードが必要なタスク (無限ループなど) を満たしていないことが原因で発生します。

77. Screen オブジェクトとは何ですか?

画面オブジェクトは、クライアントの画面から情報を読み取るために使用されます。 画面オブジェクトのプロパティは次のとおりです。

  • AvailHeight: クライアントの画面の高さを指定します。
  • AvailWidth: クライアントの画面の幅を指定します。
  • ColorDepth: クライアントの画面上の画像のビット深度を指定します。
  • 高さ: タスクバーを含むクライアントの画面の合計の高さを示します。
  • 幅: タスクバーを含むクライアントの画面の合計幅を示します。

78. unshift() メソッドとは何ですか?

このメソッドは、push() とは異なり、配列の先頭で機能します。 必要な数の要素を配列の先頭に追加します。 例えば ​​-

var name = [ "john" ];
name.unshift( "charlie" );
name.unshift( "joseph", "Jane" );
console.log(name);

出力を以下に示します。

[" joseph ,"," Jane ,", " charlie ", " john "]

79. unescape()およびescape()関数とは何ですか?

scape() 関数は、ネットワークを介してあるコンピュータから別のコンピュータに情報を転送するための文字列をコーディングする役割を果たします。

例:

<script>
document.write(escape("Hello? How are you!"));
</script>

出力: Hello%3F%20How%20are%20you%21

unescape() 関数は、コード化された文字列をデコードするため、非常に重要です。

動作は次のように行われます。例:

<script>
    document.write(unescape("Hello%3F%20How%20are%20you%21"));
</script>

出力: こんにちは? 元気ですか!


80. decodeURI() と encodeURI() とは何ですか?

EncodeURl() は、URL を XNUMX 進コードに変換するために使用されます。 そして、DecodeURI() は、エンコードされた URL を通常の URL に変換するために使用されます。

<script>
   var uri="my test.asp?name=ståle&car=saab";

   document.write(encodeURI(uri)+ "<br>");

    document.write(decodeURI(uri));
</script>

出力–

my%20test.asp?name=st%C3%A5le&car=saab

私の test.asp?name=ståle&car=saab


Java10年以上の経験者向けの面接の質問スクリプト

81. innerHTMLを使わない方が良い理由 Javaスクリプト?

innerHTML コンテンツは毎回更新されるため、速度が遅くなります。 innerHTML には検証の余地がありません。 したがって、ドキュメントに不正なコードが挿入されやすくなり、Web ページが不安定になります。


82. 次の文は何を主張していますか?

var myArray = [[[]]];

3次元配列を宣言します。


83.調子はどうですか JavaスクリプトとECMAスクリプトの関係?

ECMA Scriptはルールやガイドラインのようなものですが、 Javascript Web 開発に使用されるスクリプト言語です。


84. 名前空間とは何か Javaスクリプトとその使用方法

名前空間は、必要な関数、変数などを一意の名前でグループ化するために使用されます。 目的の関数、オブジェクト、プロパティに付けられた名前です。 これにより、コーディングのモジュール性が向上し、コードの再利用が可能になります。


85.どうすれば Javaスクリプトコードはサポートされていない古いブラウザからは非表示になります Javaスクリプト?

隠れるために Java古いブラウザのスクリプトコード:

追加 " 鬼ごっこ。

コードの直前に引用符なしで「//–>」を追加します。 tag.

古いブラウザでは、これを Javaスクリプトコードを長いHTMLコメントとして保存します。 Javaスクリプトは「 ” を 1 行コメントとして使用します。


86. ループの使い方 Javaスクリプト?

ループは、同じコード行を特定の回数、または特定の条件が true である限り繰り返し実行する場合に便利です。 Web ページに「Hello」メッセージを 100 回入力するとします。 もちろん、同じ行を 100 回コピーして貼り付ける必要があります。 代わりに、ループを使用すると、このタスクをわずか 3 行または 4 行で完了できます。


87. ループの使い方 Javascript?

ループには主にXNUMX種類あります。 Java脚本。

forループ

for/in ループ(後述)

whileループ

do…whileループ

forループ

構文:

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. ループ コードを実行する前であっても、Statement1 が最初に実行されます。 したがって、このステートメントは通常、ループ内で使用される変数に値を割り当てるために使用されます。
  2. ステートメント 2 は、ステートメントを実行するための条件です。 ループ.
  3. ステートメント 3 は、ループ コードが実行されるたびに実行されます。
<html>
<head>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        document.write("<b>Using for loops </b><br />");
        for (i=0;i<students.length;i++)
        {
        document.write(students[i] + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

whileループ

構文:

while(condition)

{

lines of code to be executed

}

「while ループ」は、指定された条件が真である限り実行されます。while ループ内には、ある時点でループを終了するステートメントを含める必要があります。そうしないと、ループが終了せず、ブラウザがクラッシュする可能性があります。

do…whileループ

構文:

<pre>
do

{

block of code to be executed

} while (condition)

do…while ループは while ループと非常に似ています。 唯一の違いは、do…while ループでは、条件をチェックする前であってもコードのブロックが XNUMX 回実行されることです。

例:

<html>
<head>
    <script type="text/javascript">
        document.write("<b>Using while loops </b><br />");
        var i = 0, j = 1, k;
        document.write("Fibonacci series less than 40<br />");
        while(i<40)
        {
            document.write(i + "<br />");
            k = i+j;
            i = j;
            j = k;
        }
    </script>
</head>
<body>
</body>
</html>

88. 重要なことは何ですか Javaスクリプト配列メソッドを例を挙げて説明してください。

Javaスクリプト配列メソッド

Array オブジェクトには、開発者が配列を簡単かつ効率的に処理するのに役立つ多くのプロパティとメソッドがあります。 arrayname.property を指定するとプロパティの値を取得でき、arrayname.method() を指定するとメソッドの出力を取得できます。

  • 長さプロパティ –> 配列内の要素の数を知りたい場合は、length プロパティを使用できます。
  • プロトタイプのプロパティ –> 新しいプロパティとメソッドを追加する場合は、プロトタイプ プロパティを使用できます。
  • 逆の方法 –> reverse メソッドを使用して、配列内の項目の順序を逆にすることができます。
  • ソート方法 –> sort メソッドを使用して、配列内の項目を並べ替えることができます。
  • ポップメソッド –> Pop メソッドを使用して配列の最後の項目を削除できます。
  • シフト方式 –> shift メソッドを使用して配列の最初の項目を削除できます。
  • プッシュ方式 –> 配列の最後の項目として値を追加できます。
<html>
<head>
    <title>Arrays!!!</title>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        Array.prototype.displayItems=function(){
            for (i=0;i<this.length;i++){
                document.write(this[i] + "<br />");
            }
        }    
        document.write("students array<br />");
        students.displayItems();
        document.write("<br />The number of items in students array is " + students.length + "<br />");
        document.write("<br />The SORTED students array<br />");
        students.sort();
        students.displayItems();
        document.write("<br />The REVERSED students array<br />");
        students.reverse();
        students.displayItems();
        document.write("<br />THE students array after REMOVING the LAST item<br />");
        students.pop();
        students.displayItems();
		document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
        students.displayItems();
    </script>
</head>
<body>
</body>
</html>

89. OOPSコンセプトとは何か Javaスクリプト?

多くの場合、変数や配列だけでは実際の状況をシミュレートするには不十分です。 Javaスクリプトを使用すると、現実のオブジェクトのように動作するオブジェクトを作成できます。学生や家は、独自の多くのユニークな特性を持つオブジェクトになることができます。オブジェクトのプロパティとメソッドを作成して、プログラミングを簡単にすることができます。オブジェクトが学生の場合、名前、姓、ID などのプロパティと、ランクの計算、住所の変更などのメソッドがあります。オブジェクトが家の場合、部屋の数、塗装の色、場所などのプロパティがあります。メソッドには、面積の計算、所有者の変更などがあります。

オブジェクトの作成方法

次のようなオブジェクトを作成できます。

var objName = new		Object();
objName.property1 = value1;
objName.property2 = value2;
objName.method1 = function()
{
line of code	
}

OR

var objName= {property1:value1, property2:value2, method1: function()

{ lines of code} };

90. オブジェクトのプロパティのループとは何ですか?

for/in a ループは通常、オブジェクトのプロパティをループするために使用されます。 変数には任意の名前を付けることができますが、オブジェクトの名前は、ループする必要がある既存のオブジェクトと同じである必要があります。

構文:

for (variablename in objectname)

{

lines of code to be executed

}

例:

<html>
<head>
    <script type="text/javascript">
        var employee={first:"John", last:"Doe", department:"Accounts"};
		var		details = "";
		document.write("<b>Using for/in loops </b><br />");
        for (var x in employee)
        {
		details = x + ": " + employee[x];
		document.write(details + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

91。 何ですか Javaスクリプトユニットテスト、そしてその課題は何ですか? Javaスクリプトのユニットテスト?

Javaスクリプトユニットテストは、 Javaスクリプトは、Web ページまたは Web アプリケーション モジュール用に記述されたコードをテストします。インライン イベント ハンドラーとして HTML と組み合わされ、ブラウザーで実行されて、すべての機能が正常に動作するかどうかをテストします。これらのユニット テストは、テスト スイートに整理されます。

すべてのスイートには、個別のモジュールに対して実行されるように設計されたいくつかのテストが含まれています。 最も重要なことは、これらは他のモジュールと競合せず、相互の依存関係を少なくして実行できることです (重大な状況では依存関係が発生する可能性があります)。

の課題 Javaスクリプトユニットテスト:

重要な課題は次のとおりです Javaスクリプトユニットテスト:

  • 他の多くの言語では、ブラウザ、安定版、ランタイム環境でユニットテストをサポートしていますが、 Javaスクリプトは
  • 他の言語でも一部のシステムアクションは理解できますが、 Javaスクリプト
  • 一部 Javaスクリプトは、複数の依存関係を持つ可能性がある Web アプリケーション用に作成されます。
  • Javaスクリプトはウェブ上ではなく、HTMLやCSSと組み合わせて使用​​するのに適しています。
  • ページのレンダリングと DOM 操作の問題
  • 時々、画面に「example.jsを読み込めません」などのエラーメッセージが表示されることがあります。 Javaバージョン管理に関するスクリプトエラー。これらの脆弱性はユニットテストに該当します。 Javaスクリプト

のソリューション Javaスクリプトユニットテスト:

このような問題を回避するためにできることは次のとおりです。

  • グローバル変数は使用しないでください。
  • 事前定義されたオブジェクトを操作しないでください。
  • ライブラリに基づいてコア機能を設計します。
  • 依存関係の少ない小さな機能を作成するようにしてください。

92. 重要なことは何ですか? Javaスクリプトユニットテストフレームワーク?

以下は人気の厳選リストです Java広く使用されているスクリプトユニットテストフレームワークとツール:

ユニット.js: ブラウザとNode.js上で動作するオープンソースのアサーションライブラリとして知られています。他のライブラリとの互換性が非常に高く、 JavaMocha、Karma、Jasmine、QUnit、Protractor などのスクリプト ユニット テスト フレームワーク。アサーション リストの完全に文書化された API を提供します。

Q単位: クライアント側とサーバー側の両方で使用されます Javaスクリプトユニットテスト。この無料 JavaスクリプトテストフレームワークはjQueryプロジェクトで使用されます。これは、ユニットテストの共通JSユニットテスト仕様に準拠しています。 Javaスクリプト。ノード長期サポート スケジュールをサポートします。

ジャスミン: Jasmineはユニットテストのための動作駆動開発フレームワークです Javaスクリプト。同期と非同期の両方のテストに使用されます。 Javaスクリプト コード。DOM を必要とせず、あらゆるテスト用に記述できる簡単な構文が付属しています。

カルマ: Karma は、オープンソースの生産的なテスト環境です。 コマンドラインで実行される簡単なワークフロー制御。 Jasmine、Mocha、QUnit を使用してテストを自由に作成できます。 簡単なデバッグを使用して、実際のデバイスでテストを実行できます。

モカ: MochaはNode.jsとブラウザ上で動作します。Mochaは非同期テストをより簡単に実行します。レポートの正確性と柔軟性を提供します。テスト固有のタイムアウトなどの豊富な機能の多大なサポートを提供します。 Javaスクリプト API。

は: FacebookはこれまでJestを使ってすべての Javaスクリプト コード。ゼロ構成のテスト エクスペリエンスを提供します。競合のない、独立した中断のない実行テストをサポートします。その他のセットアップ構成やライブラリは必要ありません。

エイバ: AVAはシンプルな Javaスクリプトユニットテストフレームワーク。テストは並列および直列で実行されます。並列テストは互いに中断することなく実行されます。このテストフレームワークは非同期テストもサポートしています。AVAはサブプロセスを使用してユニットテストを実行します。 Java脚本。


93. クイックソートアルゴリズムとは何か Javaスクリプト?

クイック ソート アルゴリズムは、分割統治アプローチに従います。いくつかの条件に基づいて要素を小さな部分に分割し、分割された小さな部分に対してソート操作を実行します。

クイックソートアルゴリズムは、あらゆるプログラミング言語で最もよく使用され、人気のあるアルゴリズムの1つです。 Javaスクリプト開発者の皆さんは、sort() について聞いたことがあるかもしれません。これはすでに Javaスクリプト。それでは、このクイックソートアルゴリズムの必要性について考えたかもしれません。これを理解するには、まずソートとは何か、そしてデフォルトのソートとは何かを知る必要があります。 Java脚本。

クイックソートは次のとおりです 分割統治 アルゴリズム。いくつかの条件に基づいて要素を小さな部分に分割し、分割された小さな部分に対してソート操作を実行します。したがって、大規模なデータセットに適しています。ここでは、クイックソートの仕組みを簡単に説明します。

  1. まず、名前を付ける要素を選択します。 ピボット 要素。
  2. 次に、すべての配列要素と選択したピボット要素を比較し、ピボット要素未満の要素が残るように配置します。 ピボットよりも右側が大きいです。
  3. 最後に、ピボット要素の左側と右側の要素に対して同じ操作を実行します。

以上がクイックソートの基本概要です。 クイックソートを実行するために従う必要がある手順を XNUMX つずつ示します。


94.クイックソートの仕組み

ステップ1) まず、 "ピボット" 配列内の要素。

ステップ2) 配列の最初の要素から左ポインタを開始します。

ステップ3) 配列の最後の要素から右ポインタを開始します。

ステップ4) 左ポインターで指している要素を比較し、それがピボット要素より小さい場合は、左ポインターを右に移動します (左のインデックスに 1 を追加します)。 左側の要素がピボット要素以上になるまでこれを続けます。

ステップ5) 要素が指すポインタを右のポインタと比較します。 ピボット要素より大きい場合は、右ポインターを左に移動します (右のインデックスから 1 を減算します)。 右側の要素がピボット要素以下になるまでこれを続けます。

ステップ6) 左ポインタが右ポインタ以下であるかどうかを確認し、これらのポインタの位置にある要素を調べます。

ステップ7) 左ポインタをインクリメントし、右ポインタをデクリメントします。

ステップ8) 左ポインタのインデックスがまだ右ポインタのインデックスより小さい場合は、このプロセスを繰り返します。 それ以外の場合は、左ポインタのインデックスを返します。

クイックソート作業

それでは、例を挙げてこれらの手順を見てみましょう。 並べ替える必要がある要素の配列が [5,3,7,6,2,9] であると考えてみましょう。

ここでは、例 [5,3,7,6,2,9] で示されているクイック ソートを実行する手順を示します。

ステップ1) ピボットを中間要素として決定します。 それで、 7 ピボット要素です。

ステップ2) 左ポインタと右ポインタを、それぞれ配列の最初と最後の要素として開始します。 左のポインタはインデックス 5 の 0 を指し、右のポインタはインデックス XNUMX を指します。 9 インデックス 5 にあります。

ステップ3) 左ポインタ要素をピボット要素と比較します。5 < 6 なので、左ポインタを右のインデックス 1 にシフトします。

ステップ4) ここでも 3 < 6 なので、左ポインターを 7 つ右のインデックスにシフトします。ここで 6 > 2 で左ポインターの増分が停止し、左ポインターのインデックスは XNUMX になります。

ステップ5) 次に、右ポインターの値とピボット要素を比較します。 9 > 6 なので、右ポインタを左に移動します。 ここで、2 < 6 なので、右ポインタの移動を停止します。

ステップ6) 左右のポインターに存在する両方の値を相互に交換します。

ステップ7) 両方のポインターをもう XNUMX ステップ移動します。

ステップ8) 6 = 6 であるため、ポインタをもう XNUMX ステップに移動し、左ポインタが右ポインタと交差するところで停止し、左ポインタのインデックスを返します。

ここでは、上記のアプローチに基づいて、上記の手順で説明したように要素を交換し、配列を分割するためのコードを記述する必要があります。

例:

var items = [5,3,7,6,2,9];
function swap(items, leftIndex, rightIndex){
    var temp = items[leftIndex];
    items[leftIndex] = items[rightIndex];
    items[rightIndex] = temp;
}
function: partition(items, left, right) {
    var pivot   = items[Math.floor((right + left) / 2)], //middle element
        i       = left, //left pointer
        j       = right; //right pointer
    while (i <= j) {
        while (items[i] < pivot) {
            i++;
        }
        while (items[j] > pivot) {
            j--;
        }
        if (i <= j) {
            swap(items, i, j); //sawpping two elements
            i++;
            j--;
        }
    }
    return i;
}

function quickSort(items, left, right) {
    var index;
    if (items.length > 1) {
        index = partition(items, left, right); //index returned from partition
        if (left < index - 1) { //more elements on the left side of the pivot
            quickSort(items, left index - 1);
        }
        if (index < right) { //more elements on the right side of the pivot
            quickSort(items, index, right);
        }
    }
    return items;
}
// first call to quick sort
var sortedArray = quickSort(items, 0, items.length - 1);
console.log(sortedArray); //prints [2,3,5,6,7,9]

95. DOMとは何か Javaスクリプト?

Javaスクリプトは、ドキュメント オブジェクト モデル (DOM) を使用して、Web ページ内のすべての要素にアクセスできます。Web ブラウザーは、ページが読み込まれるときに Web ページの DOM を作成します。


96. DOMとイベントの使い方は?

DOMを使用すると、 Javaスクリプトは複数のタスクを実行できます。新しい要素と属性を作成したり、既存の要素と属性を変更したり、既存の要素と属性を削除したりすることもできます。 Javaスクリプトは既存のイベントに反応し、ページ内に新しいイベントを作成することもできます。

  1. getElementById、innerHTML の例
  2. getElementById: ID が設定されている要素および属性にアクセスします。
  3. innerHTML: 要素のコンテンツにアクセスします。
<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <h3 id="one">Welcome</h3>
  <p>This is the welcome message.</p>
  <h3>Technology</h3>
  <p>This is the technology section.</p>
  <script type="text/javascript">
        var text = document.getElementById("one").innerHTML;
        alert("The first heading is " + text);
  </script>
</body>
</html>

2.getElementsByTagNameの例

getElementsByTagName: タグ名を使用して要素と属性にアクセスします。 このメソッドは、同じタグ名を持つすべての項目の配列を返します。

<html>

<head>

    <title>DOM!!!</title>

</head>

<body>

  <h3>Welcome</h3>

  <p>This is the welcome message.</p>

  <h3>Technology</h3>

  <p id="second">This is the technology section.</p>

  <script type="text/javascript">

    var paragraphs = document.getElementsByTagName("p");

    alert("Content in the second paragraph is " + paragraphs[1].innerHTML);

    document.getElementById("second").innerHTML = "The orginal message is changed.";

  </script>

</body>

</html>

イベントハンドラの例

  1. createElement: 新しい要素を作成するには
  2. RemoveChild: 要素を削除します
  3. を追加できます イベントハンドラー このような特定の要素に
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

document.getElementById(id).addEventListener("click", functionname)

例:

<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <input type="button" id="btnClick" value="Click Me!!" />
  <script type="text/javascript">
    document.getElementById("btnClick").addEventListener("click", clicked);
    function clicked()
    {
            alert("You clicked me!!!");
    }    
  </script>
</body>
</html>

97. 外部とは何か Javaスクリプト?

すべての Web ページに現在の日付と時刻を表示することを計画しています。コードを記述し、それをすべての Web ページ (たとえば 100 ページ) にコピーしたとします。しかし、後で日付や時刻を表示する形式を変更する必要があります。この場合、100 の Web ページすべてに変更を加える必要があります。これは非常に時間がかかり、困難な作業になります。

それで、保存してください Java拡張子が .js の新しいファイルにコードを記述します。次に、すべての Web ページに次のように .js ファイルを指すコード行を追加します。

<script type="text/javascript," src="/currentdetails.js,">

注意: .js ファイルとすべての Web ページが同じフォルダー内にあることを前提としています。 external.js ファイルが別のフォルダーにある場合は、src 属性でファイルのフル パスを指定する必要があります。

例:

var currentDate = new Date();
var day = currentDate.getDate();
Var month = currentDate.getMonth() + 1;
var monthName;
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
It (hours >12 )
{
    hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
    hours1 = "0" + hours;
    strToAppend = "AM";
}
else
{
    hours1 = hours;
    strToAppend = "PM";
}
if(mins<10)
mins = "0" + mins;
if (secs<10)
    secs = "0" + secs;
switch (month)
{
    case 1:
        monthName = "January";
        break;
    case 2:
        monthName = "February";
        break;
    case 3:
        monthName = "March";
        break;
    case 4:
        monthName = "April";
        break;
    case 5:
        monthName = "May";
        break;
    case 6:
        monthName = "June";
        break;
    case 7:
        monthName = "July";
        break;
    case 8:
        monthName = "August";
        break;
    case 9:
        monthName = "September";
        break;
    case 10:
        monthName = "October";
        break;
    case 11:
        monthName = "November";
        break;
    case 12:
        monthName = "December";
        break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);

98. 内部と外部の使い分け Javaスクリプトコード?

特定のウェブページに特化したコードが数行しかないとします。その場合、 JavaHTML ドキュメント内のスクリプト コード。

一方、あなたの場合 Javaスクリプト コードは多くの Web ページで使用されているため、コードを別のファイルに保存することを検討してください。コードに変更を加えたい場合、1 つのファイルを変更するだけで済むため、コードのメンテナンスが容易になります。コードが長すぎる場合は、別のファイルに保存することをお勧めします。これにより、デバッグが容易になります。


99. クッキーとは Javaスクリプト?

クッキーとは、ブラウザからアクセスするためにコンピュータに保存されるデータです。あなたも、意識的または無意識的にクッキーの恩恵を受けているかもしれません。ログインするたびに入力しなくても済むように、Facebook のパスワードを保存したことがありますか? もしそうなら、クッキーを使用しています。クッキーはキーと値のペアとして保存されます。

Javascript Cookie の設定:

ドキュメントを使用して Cookie を作成できます。 Cookie プロパティはこのようになります。

document.cookie = "cookiename=cookievalue"

Cookie に有効期限を追加して、指定した日付に特定の Cookie をコンピュータから削除することもできます。 有効期限は UTC/GMT 形式で設定する必要があります。 有効期限を設定しない場合、ユーザーがブラウザを閉じると Cookie は削除されます。

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

ドメインとパスを設定して、Cookie がどのドメインに属するか、特定のドメイン内のどのディレクトリに属する​​かを指定することもできます。 デフォルトでは、Cookie は Cookie を設定するページに属します。

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/		

// 現在のページへのドメインとドメイン全体へのパスを含む Cookie を作成します。

JavaスクリプトはCookieを取得します

次のように Cookie にアクセスすると、現在のドメインに保存されているすべての Cookie が返されます。

var x =  document.cookie

Javaスクリプト削除Cookie

Cookie を削除するには、Cookie の値を空に設定し、expires の値を経過した日付に設定するだけです。

例:

<html>
<head>
    <title>Cookie!!!</title>
    <script type="text/javascript">
        function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
        function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
             }
            return "";
        }
        function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
            alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            It (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
    </script>
</head>
<body onload="checkCookie()"></body>
</html>

100. 例を挙げてください Javaスクリプトの掛け算表

ここでは、ユーザーに必要な行数と列数を尋ねる単純な九九の例を示します。

例:

<html>
<head>
  <title>Multiplication Table</title>
  <script type="text/javascript">
    var rows = prompt("How many rows for your multiplication table?");
    var cols = prompt("How many columns for your multiplication table?");
    if(rows == "" || rows == null)
            rows = 10;
    if(cols== "" || cols== null)
            cols = 10;
    createTable(rows, cols);
    function createTable(rows, cols)
    {
      var j=1;
      var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>";
      for(i=1;i<=rows;i++)
      {
        output = output + "<tr>";
        while(j<=cols)
        {
            output = output + "<td>" + i*j + "</td>";
             j = j+1;
           }
            output = output + "</tr>";
            j = 1;
    }
    output = output + "</table>";
    document.write(output);
    }
  </script>
</head>
<body>
</body>
</html>

101. イベントを使用したポップアップメッセージを例で説明する

デモ Web ページに「Welcome!!!」というシンプルなメッセージを表示し、ユーザーがメッセージの上にマウスを移動すると、「Welcome to my WebPage!!!」というメッセージがポップアップ表示されます。

例:

<html>
    <head>

    <title>Event!!!</title>

    <script type="text/javascript">

    function trigger()

    {

    document.getElementById("hover").addEventListener("mouseover", popup);

    function popup()

    {

    alert("Welcome to my WebPage!!!");

    }

    }

    </script>

    <style>

    p{
         font-size:50px;
         position: fixed;
         left: 550px;
         top: 300px;
    }
    </style>
    </head>
    <body  onload="trigger();">
    <p id="hover">Welcome!!!</p>
    </body>
    </html>		

これらの面接の質問は、あなたの活力(口頭)にも役立ちます