解決済み: ドキュメント対応の JavaScript バニラ

Document Ready JavaScript バニラの主な問題は、最新の Web 標準を利用していないことです。 これにより、Web サイトが時代遅れに見え、保守が困難になる可能性があります。

$(document).ready(function() {
  // code goes here
});

このコードは、jQuery を使用して、ドキュメントの準備ができたときに実行される関数を作成しています。 これは、JavaScript コードを実行する前に、すべての HTML 要素が読み込まれていることを確認するためによく使用されます。

ケックス

Ckecks は JavaScript コードの正当性を検証するためのライブラリです。 チェックを表現するためのシンプルで簡潔な構文と、コードのチェックを容易にするさまざまなユーティリティを提供します。

コラム

JavaScript には、列ベースのレイアウトとグリッド レイアウトの XNUMX 種類の列があります。 列ベースのレイアウトは、ページを列に分割し、各列にコンテンツを割り当てるという考え方に基づいています。 一方、グリッド レイアウトは、グリッド システムを使用してページ上のコンテンツをレイアウトします。

列ベースのレイアウトは Web アプリケーションでより一般的ですが、グリッド レイアウトは印刷アプリケーションでより一般的です。 ただし、どちらのタイプのレイアウトも Web アプリケーションと印刷アプリケーションで使用できます。

JavaScript で列ベースのレイアウトを作成するには、最初にページの列を表すオブジェクトの配列を作成する必要があります。 配列内の各オブジェクトには、次のプロパティが必要です。

name : 列の名前。

: 列の名前。 width : 列の幅 (ピクセル単位)。

: 列の幅 (ピクセル単位)。 height : 列の高さ (ピクセル単位)。

次に、ColumnLayout のインスタンスを作成する必要があります。これは、各列のスペースの割り当てとコンテンツのレンダリングを処理します。 これを行うには、列を表すオブジェクトの配列を ColumnLayout コンストラクターに渡します。

の賃貸条件

JavaScript には、知っておく必要がある一般的な条件がいくつかあります。

まずはif文です。 このステートメントを使用すると、条件をテストし、真であればブロック内のコードを実行できます。 if ステートメントの構文は次のとおりです。

if (条件) { // 実行するコード }

注意が必要な XNUMX 番目の条件は、while ステートメントです。 このステートメントは if ステートメントと同様に機能しますが、条件が真でなくなるまでブロック内のコードを実行し続けます。 while ステートメントの構文は次のとおりです。

while (condition) { // 実行するコード }

関連記事:

コメント