-
JavaScriptアラートでハイパーリンクを表示するにはどうすればよいですか?
JavaScriptのアラートボックスにハイパーリンクを表示することはできません。リンクを表示するには、カスタムアラートボックスを使用します。ダイアログアラートウィジェットを使用すると、次のことを実現できます。 これについて詳しくは、DialogAlertWidgetのソースコードを参照してください。
-
onsubmitイベントからJavaScript関数を呼び出す方法は?
onsubmitイベントは、フォームを送信しようとしたときに発生します。このイベントタイプに対してフォーム検証を行うことができます。次の例は、onsubmitの使用方法を示しています。ここでは、フォームデータをWebサーバーに送信する前にvalidate()関数を呼び出しています。 validate()関数がtrueを返す場合、フォームは送信されます。それ以外の場合、データは送信されません。 <script> <!-- function validation() {
-
onmouseoverイベントからJavaScript関数を呼び出す方法は?
マウスオーバー マウスを任意の要素の上に置くと、イベントがトリガーされます。 例 次の例を実行して、onmouseoverイベントからJavaScript関数を呼び出す方法を学ぶことができます ライブデモ <html> <head> <script> <!-- function over() { &nbs
-
onmouseoutイベントからJavaScript関数を呼び出す方法は?
オンマウスアウト その要素からマウスを移動するとトリガーされます。 例 次の例を実行して、onmouseoutイベントからJavaScript関数を呼び出す方法を学ぶことができます ライブデモ <html> <head> <script> <!-- function over() { &nbs
-
JavaScriptアラートボックスに改行を入れる方法は?
JavaScriptアラートボックスに新しい行を追加するには、「\ n」を使用します: alert("Line One\n Line Two"); 例 次のコードを実行して、JavaScriptのアラートボックスに新しい行を追加してみてください: ライブデモ <html> <head> <script> <!-- f
-
+ function(){}表記はJavaScriptで何をしますか?
+ function(){}表記は、主に、パーサーに+に続くものを式として処理するように強制するために使用されます。これは、たとえば、すぐに呼び出される関数に使用されます +function() { alert("Demo!"); }(); ただし、関数の前の+は記号の1つです。 !、-、〜などの他のオプションも追加できます。 括弧は以下のように使用することもできます: (function() { alert("Demo!"); })(); 次のように使用することもできます: (function() { alert("Demo!")
-
送信フォームでJavaScript関数を呼び出す方法は?
送信中 フォームを送信しようとするとイベントが発生します。このイベントタイプに対してフォーム検証を行うことができます。次の例は、onsubmitの使用方法を示しています。ここでは、フォームデータをWebサーバーに送信する前にvalidate()関数を呼び出しています。 validate()関数がtrueを返す場合、フォームは送信されます。それ以外の場合、データは送信されません。 <script> <!-- function validation() {
-
JavaScriptのfor...ofとfor...inステートメントの違いは何ですか?
for…inloop 「for...in」ループは、オブジェクトのプロパティをループするために使用されます。 構文は次のとおりです- 構文 for (variablename in object) { statement or block to execute } 次の例を実行して、「for-in」ループを実装してみてください。 Webブラウザのナビゲータオブジェクトを印刷します 例 ライブデモ <html> <body> <script> var aProperty; document.write("Navigator Object Pr
-
JavaScriptのsuper()関数とは何ですか?
super()関数を使用して、親クラスのコンストラクターを呼び出し、オブジェクトの親クラスの関数にアクセスします。 例 次のコードを実行してsuper()を実装してみてください ライブデモ <!DOCTYPE html> <html> <body> <script> class Department { constructor()
-
JavaScriptでカスタムオブジェクトを作成するにはどうすればよいですか?
JavaScriptでカスタムオブジェクトを作成するには、次のコードを試してください 例 ライブデモ <!DOCTYPE html> <html> <body> <p id="test"></p> <script> var dept = new Object(); &nbs
-
JavaScriptアラートボックスのタイトルを編集するにはどうすればよいですか?
セキュリティ上の問題により、JavaScriptアラートボックスのタイトルを編集することはできません。それでも、アラートボックスを編集してすべてのWebブラウザーで機能させるには、カスタムJavaScriptモーダルダイアログまたはjQueryプラグインを使用します。 Sweet Alertなどのカスタムアラートボックスを使用して、選択したタイトルのカスタムアラートボックスを取得することもできます:
-
JavaScriptのonclickイベントとは何ですか?
onClickイベントは、ユーザーがマウスの左ボタンをクリックしたときに発生する、最も頻繁に使用されるイベントタイプです。 例 このイベントタイプに対して、検証や警告などを行うことができます。 ライブデモ <html> <head> <script> <!-- function sayHello() {
-
JavaScriptでcontinueステートメントが悪いのはなぜですか?
「continue」ステートメントを使用すると、コードが理解しにくくなります。ほとんどの場合、continueを使用すると、ループの状態が不十分になります。これを回避するには、条件自体に追加するか、ループ内の場合に使用します。 ただし、「続行」は、一貫性のない、または不適切に使用されている場合は不適切です。それ以外の場合は、有用なステートメントであり、多くのメモリとコード行を節約します。 例 続行ステートメントの例を見てみましょう ライブデモ <html> <body> <script> &
-
JavaScriptでブロックにラベルを付ける方法は?
ブロックステートメントは0個以上のステートメントをグループ化します。 JavaScript以外の言語では、複合ステートメントと呼ばれます。 構文 構文は次のとおりです- { //List of statements } ブロックにラベルを追加するには、次を使用します- Identifier_for_label: { StatementList } breakステートメントに使用しましょう。次のコードを実行して、ラベルを使用してフローを制御し、breakステートメントを使用してみてください 例 ライブデモ <html>
-
JavaScriptのイベントハンドラーとは何ですか?
JavaScriptとHTMLの相互作用は、ユーザーまたはブラウザがページを操作したときに発生するイベントを通じて処理されます。 ページが読み込まれると、イベントと呼ばれます。ユーザーがボタンをクリックすると、そのクリック先がイベントになります。その他の例としては、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどのイベントがあります。 ここにいくつかの例があります: クリック イベントタイプ これは最も頻繁に使用されるイベントタイプであり、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証や警告などを行うことができます。 次の例を
-
JavaScript変数の有効期間はどれくらいですか?
JavaScript変数の有効期間は、宣言されたときに始まります- var rank; ローカル変数は、それが定義されている関数内でのみ表示されます。関数パラメーターは常にその関数に対してローカルです。関数が完了すると、ローカル変数が削除されます。 グローバル変数にはグローバルスコープがあります。つまり、JavaScriptコードのどこにでも定義できます。グローバル変数は、Webブラウザを閉じると削除されます。ただし、同じブラウザウィンドウに新しいページが読み込まれると、そのページは残ります。 グローバル変数の使用法は次のとおりです- 例 次のコードを実行して、JavaScriptで変数
-
JavaScript DOMイベントとは何ですか?
ユーザーがマウスをクリックしたり、画像を読み込んだり、ユーザーがHTML要素をクリックしたり、HTMLフォームを送信したりするなどのイベントが発生すると、JavaScriptを実行できます。イベントは次のとおりです。ドキュメントオブジェクトモデル(DOM)レベル3の一部であり、すべてのHTML要素には、JavaScriptコードをトリガーできる一連のイベントが含まれています。 例 イベントハンドラーから関数を呼び出してテキストを変更できる例を見てみましょう ライブデモ <!DOCTYPE html> <html> <body> &
-
onClickイベントからJavaScript関数を呼び出す方法は?
onClickイベントは、最も頻繁に使用されるイベントタイプであり、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証や警告などを行うことができます。 例 次のコードを実行して、onClickイベントからJavaScript関数を呼び出すことができます ライブデモ <html> <head> <script> <!-- &
-
JavaScriptを使用して確認メッセージを表示するにはどうすればよいですか?
確認ダイアログボックスは、ほとんどの場合、オプションについてユーザーの同意を得るために使用されます。 キャンセルの2つのボタンがあるダイアログボックスが表示されます。 。 ユーザーが[OK]ボタンをクリックした場合、ウィンドウメソッドは確認します。 () trueを返します。ユーザーが[キャンセル]ボタンをクリックすると、confirm()はfalseを返します。 例 次のコードを実行して、JavaScriptで確認ダイアログボックスを実装してみてください。 ライブデモ <html> <head> &l
-
JavaScriptでタイムスタンプを取得するにはどうすればよいですか?
Java Scriptでタイムスタンプを取得するには、次のコードを実行してみてください。 1970/01/01以降のタイムスタンプを返します 例 ライブデモ <!DOCTYPE html> <html> <body> <script> var timeStamp = Math.floor(Date.now() / 1000); document.