-
JavaScriptでのonfocusoutイベントの使用法は何ですか?
onfocusinイベントは、要素がフォーカスを失うときにトリガーされます。次のコードを実行して、 onfocusoutを実装する方法を学ぶことができます。 JavaScriptのイベント。 例 <!DOCTYPE html> <html> <body> <p>Write below:</p> <p>After losing focus, the background color of input check wi
-
JavaScriptでのoninputイベントの使用法は何ですか?
入力ボックスに値が追加されると、oninputイベントが発生します。次のコードを実行して、 oninputを実装する方法を学ぶことができます。 JavaScriptのイベント- 例 <!DOCTYPE html> <html> <body> <p>Write below:</p> <input type = "text" id = "newInput" oninput = &quo
-
JavaScriptで画像の境界線の幅を設定するにはどうすればよいですか?
画像の境界線の幅を設定するには、 borderImageWidthを使用します JavaScriptのプロパティ。 例 次のコードを実行して、境界線の幅を画像として設定する方法を学ぶことができます- <!DOCTYPE html> <html> <head> <style> div { background-color:gra
-
JavaScriptでのoninvalidイベントの使用法は何ですか?
に追加されたフィールド値が無効な場合、oninvalidイベントがトリガーされます。ユーザーが送信前にフォームに入力するのを忘れた場合は、メッセージを追加してください。 例 次のコードを実行して、 oninvalidを実装する方法を学ぶことができます。 JavaScriptのイベント。 <!DOCTYPE html> <html> <body> <script> function resetFunct()
-
JavaScriptでの中止イベントの使用法は何ですか?
中絶を使用します 画像の読み込みを中止するイベント。次のコードを実行して、JavaScriptで中止イベントを実装する方法を学ぶことができます。 例 <!DOCTYPE html> <html> <body> <script> function abortFunc() { alert('Error- Loading of
-
JavaScriptで関数の実行を停止するにはどうすればよいですか?
JavaScriptで関数の実行を停止するには、clearTimeout()メソッドを使用します。この関数呼び出しは、setTimeout()関数によって設定されたタイマーをすべてクリアします。 例 次のコードを実行して、JavaScriptでclearTimeout()メソッドを操作する方法を学ぶことができます。 <html> <head> <title>JavaScript clearTimeout() method</title>
-
JavaScriptでのonhashchangeイベントの使用法は何ですか?
アンカー部分が変更されると、onhashchangeイベントが発生します。次のコードを実行して、JavaScriptでonhashchangeイベントを実装する方法を学ぶことができます。 例 <!DOCTYPE html> <html> <body onhashchange="newFunc"> <button onclick="functionChange()">Click to change anchor</button>
-
JavaScriptでのonpageshowイベントの使用法は何ですか?
onpageshowイベントは、ユーザーが新しいWebページにアクセスしたときにJavaScriptでトリガーされます。 例 次のコードを実行して、JavaScriptでonpageshowイベントを実装する方法を学ぶことができます。 <!DOCTYPE html> <html> <body onpageshow = "newFunc()"> <p>On first visit, a welcome message is visible.</p>
-
JavaScriptでのonbeforeunloadイベントの使用法は何ですか?
ドキュメントが読み込まれる前にイベントをトリガーする場合は、 onbeforeunloadを使用します。 イベント。 例 次のコードを実行して、JavaScriptでonbeforeunloadイベントを実装する方法を学ぶことができます。 <!DOCTYPE html> <html> <body onbeforeunload="return myFunction()"> <a href="https://www.qries.com">C
-
JavaScriptでのonpagehideイベントの使用法は何ですか?
onpagehideイベントは、ユーザーがページを離れて別のページに移動することを決定したときにJavaScriptでトリガーされます。例としては、年齢の更新、リンクのクリックなどがあります。 例 次のコードを試して、JavaScriptでonpagehideイベントを実装する方法を学ぶことができます。 <!DOCTYPE html> <html> <body onpagehide="newFunc()"> <p>Close the page and see
-
JavaScriptでのonscrollイベントの使用法は何ですか?
onscrollイベントは、要素に対してスクロールバーがスクロールされているときに発生します。次のコードを実行して、 onscrollを実装する方法を学ぶことができます。 JavaScriptのイベント。 例 <!DOCTYPE html> <html> <head> <style> div { border: 2px sol
-
JavaScriptでのonresizeイベントの使用法は何ですか?
サイズ変更イベントは、ウィンドウのサイズが変更されたときにトリガーされます。 window.outerWidthを使用します およびwindow.outerHeight ブラウザのサイズが変更されたときにウィンドウのサイズを取得するJavaScriptのイベント。 例 次のコードを実行して、JavaScriptでonresizeイベントを処理することができます。 <!DOCTYPE html> <html> <head> <script> &nbs
-
JavaScriptでdocument.titleを操作する方法は?
document.titleを使用します JavaScriptでドキュメントのタイトルを設定するプロパティ。 例 次のコードを実行して、 document.titleを実装してみてください。 JavaScriptのプロパティ。 <!DOCTYPE html> <html> <head> <title>Demo Title</title> </head> <body> &nb
-
JavaScriptでのonunloadイベントの使用法は何ですか?
ページをアンロード(または更新)すると、アンロードイベントがトリガーされます。次のコードを実行して、 onunloadを実装する方法を学ぶことができます。 JavaScriptのイベント。 例 <!DOCTYPE html> <html> <body onunload="newFunc()"> <p>Close the page and see what happens!</p> <p>Th
-
JavaScriptでdocument.formsを操作する方法は?
document.formsを使用します JavaScriptのプロパティを使用して、ドキュメント内のタグの数を取得します。 例 次のコードを実行して、 document.formsを実装してみてください。 JavaScriptのプロパティ。 <!DOCTYPE html> <html> <head> <title>JavaScript Example</title> </head> <bod
-
JavaScriptで1から200までの乱数を返す方法は?
1〜200の乱数を返すには、JavaScript Math.random()およびMath.floor()メソッドを使用します。 例 次のコードを実行して、JavaScriptで乱数を返すことができます。 <!DOCTYPE html> <html> <body> <script> document.write(Math.floor(Math.random() * 200) + 1);  
-
JavaScriptを使用してWebページのプロトコル(httpまたはhttps)を返す方法は?
window.locationオブジェクトを使用してプロトコルを返します。 ウィンドウ 。l ocation.protoco lは、Webプロトコル、つまり httpかどうかを返します。 またはhttps − 例 <!DOCTYPE html> <html> <body> <script> document.write("https or https: <br>The protoc
-
JavaScriptのwindow.screenオブジェクトのプロパティは何ですか?
window.screen オブジェクトは、JavaScriptでユーザーの画面に関する情報を取得するために使用されます。 window.screenのプロパティは次のとおりです。 JavaScriptのオブジェクト。 screen.width −画面の幅 画面 .height −画面の高さ 画面 .availWidth −タスクバーなどの機能を除く画面の幅 screen.availHeight −タスクバーなどの機能を除いた画面の高さ 例 次のコードを実行して、 window.screenの操作方法を学ぶことができます。 JavaScriptのオブジェクト- &l
-
JavaScriptでdocument.imagesを操作する方法は?
document.imagesを使用します JavaScriptのプロパティを使用して、ドキュメント内のタグの数を取得します。 例 次のコードを実行して、JavaScriptでdocument.imagesプロパティを実装してみてください。 <!DOCTYPE html> <html> <head> <title>JavaScript Example</title> </head> <body
-
JavaScriptでdocument.linksを操作する方法は?
document.linksを使用します JavaScriptのプロパティを使用して、ドキュメント内のリンクの数を取得します。これらのリンクは、および、つまり hrefのタグからのものである可能性があります 属性。 例 次のコードを実行して、 document.linksを実装してみてください。 JavaScriptのプロパティ。 <!DOCTYPE html> <html> <head> <title>JavaScript Example</title> &n