-
HTMLウィンドウのトッププロパティ
HTML Window topプロパティは、現在のウィンドウの最上位のブラウザウィンドウを返します。 構文 以下は構文です- window.top HTMLウィンドウのトッププロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC;  
-
HTMLウィンドウの自己プロパティ
HTML Windowのselfプロパティは、ブラウザの現在のウィンドウを返します。 構文 以下は構文です- window.self HTMLウィンドウの自己プロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC;
-
HTMLウィンドウsessionStorageプロパティ
HTMLウィンドウのsessionStorageプロパティを使用すると、キーと値のペアのデータを1つのセッションでのみWebブラウザーに保存できます。つまり、ブラウザーのタブを閉じるとデータが削除されます。 構文 以下は構文です- window.sessionStorage HTMLウィンドウのsessionStorageプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000;
-
HTMLフォームアクション属性
HTMLフォームアクション属性は、フォームがHTMLドキュメントで送信されたときにフォームデータを送信する場所を定義します。 構文 以下は構文です- <form action=”URL”></form> HTMLフォームアクション属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nbs
-
HTML5セマンティクス
HTML5セマンティクスは、HTMLページに意味を提供するセマンティックタグを指します。 HTML5では、タグはセマンティックと非セマンティックの2つのカテゴリに分類されます。 HTML5は、HTMLにいくつかの新しいセマンティックタグをもたらします。 一部のHTML5セマンティックタグは-です タグ 説明 図 さまざまな形式の画像を指定します。 記事 独立した自己完結型の記事を指定します。 nav ナビゲーションリンクのコンテナを指定します。 脇 メインコンテンツ以外のコンテンツ(サイドバーなど)のタグを指定します。 セクション ドキュメント内のセクションを表します
-
HTMLウィンドウinnerHeightプロパティ
HTMLウィンドウのinnerHeightプロパティは、HTMLドキュメントのウィンドウのコンテンツ領域の高さを返します。 構文 以下は構文です- window.innerHeight HTMLウィンドウのinnerHeightプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backg
-
HTMLウィンドウinnerWidthプロパティ
HTMLウィンドウのinnerWidthプロパティは、HTMLドキュメントのウィンドウのコンテンツ領域の幅を返します。 構文 以下は構文です- window.innerWidth HTMLウィンドウのinnerWidthプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgroun
-
HTMLウィンドウouterHeightプロパティ
HTMLウィンドウのouterHeightプロパティは、すべてのインターフェイス要素を含むブラウザウィンドウの高さを返します。 構文 以下は構文です- window.outerHeight HTMLウィンドウのouterHeightプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; bac
-
HTMLウィンドウouterWidthプロパティ
HTMLウィンドウのouterWidthプロパティは、すべてのインターフェイス要素を含むブラウザウィンドウの幅を返します。 構文 以下は構文です- window.outerWidth HTMLウィンドウのouterWidthプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgro
-
HTMLウィンドウ名プロパティ
HTML Window nameプロパティは、ウィンドウの名前を返し、変更します。 構文 以下は構文です- 1.名前を返す window.name 2.名前を追加する window.name=”text” HTMLウィンドウ名プロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;
-
HTMLウィンドウscreenLeftプロパティ
HTMLウィンドウのscreenLeftプロパティは、画面を基準にしたウィンドウの水平座標を返します。 Firefoxブラウザではサポートされていません。 構文 以下は構文です- window.screenLeft HTMLウィンドウのscreenLeftプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;  
-
HTMLウィンドウscreenTopプロパティ
HTMLウィンドウのscreenTopプロパティは、画面を基準にしたウィンドウの垂直座標を返します。 Firefoxブラウザではサポートされていません。 構文 以下は構文です- window.screenTop HTMLウィンドウのscreenTopプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &
-
HTMLウィンドウscreenXプロパティ
HTMLウィンドウscreenXプロパティは、画面を基準にしたウィンドウの水平座標を返します。すべてのブラウザでサポートされています。 構文 以下は構文です- window.screenX HTMLウィンドウscreenXプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgrou
-
HTMLウィンドウscreenYプロパティ
HTMLウィンドウscreenYプロパティは、画面を基準にしたウィンドウの水平座標を返します。すべてのブラウザでサポートされています。 構文 以下は構文です- window.screenY HTMLウィンドウscreenYプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgrou
-
HTMLウィンドウのpageXOffsetプロパティ
HTMLウィンドウのpageXOffsetプロパティは、現在のドキュメントが左隅から水平方向にスクロールされたピクセル単位の値を返します。 構文 以下は構文です- window.pageXOffset HTMLウィンドウのpageXOffsetプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nbs
-
HTMLDOMInsオブジェクト
HTML DOM Insオブジェクトは、HTMLドキュメントの要素を表します。 insオブジェクトの作成 構文 以下は構文です- document.createElement(“INS”); insオブジェクトのプロパティ プロパティ 説明 cite HTMLドキュメントのins要素のcite属性の値を返したり変更したりします。 dateTime HTMLドキュメントのins要素のcite属性の値を返したり変更したりします。 insオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html&g
-
HTMLDOMHRオブジェクト
HTML DOM HRオブジェクトは、HTMLドキュメントの要素を表します。 hrオブジェクトを作成- 構文 以下は構文です- document.createElement(“HR”); hrオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff;
-
HTMLDOM変数オブジェクト
HTML DOM変数オブジェクトは、HTMLドキュメントの要素を表します。 varオブジェクトを作成- 構文 以下は構文です- document.createElement(“VAR”); varobjectの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff;  
-
HTML DOMKeyboardEventaltKeyプロパティ
HTML DOM KeyboardEvent altKeyプロパティは、 ALTかどうかを返します。 HTMLドキュメントでキーイベントがトリガーされたときにキーが押されたかどうか。 構文 以下は構文です- event.altKey HTMLKeyboardEventaltKeyプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;
-
オブジェクト以外のHTMLDOM
HTML DOM Asideオブジェクトは、HTMLドキュメントの要素を表します。 脇のオブジェクトを作成- 構文 以下は構文です- document.createElement(“ASIDE”); 傍白オブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; &