Lauiuiでサブページをフレーム内に配置する方法

layui では、次の手順に従ってフレーム内にサブページを配置します。フレームを作成し、サブページの URL を指定します。フレーム属性 (スクロール、境界線、幅、高さなど) を設定します。サブページをロードすると、フレーム内に自動的に表示されます。

layui のフレーム内にサブページを配置する

layui は、豊富な機能セットを提供する人気の UI フレームワークです。ユーザーインターフェイスを構築します。 layui では、<iframe> タグを使用してサブページをフレームに配置できます。

次の手順です:

1. フレームを作成します

親ページで <iframe>## を使用します。 # フレームを作成するタグ:

<code class="html"><iframe id="frame" src="subpage.html"></iframe></code>

src 属性はサブページの URL を指定することに注意してください。

2. フレーム属性を設定します。

次の属性を使用してフレームを設定できます:

• スクロール: フレームのスクロールを許可または無効にします。例: scrolling="yes"
• frameBorder: フレームの境界線を設定します。例: frameBorder="0" (境界線なし)
• width: フレームの幅を設定します。例: width="100%" (親コンテナの全幅を占有)
• height: フレームの高さを設定します。例: height="100%" (親コンテナの高さ全体を占めます)

3. 子ページをロードします

すべての場合 属性が設定されると、サブページはフレームに自動的にロードされます。

例:

<code class="html"><iframe id="frame" src="subpage.html" scrolling="yes" frameBorder="0" width="100%" height="100%"></iframe></code>

上記のコードを使用すると、スクロールを可能にし、親ページの幅と高さ全体を占める境界のないフレームを親ページに作成できます。 , そして中には「subpage.html」というサブページが読み込まれます。

以上がLauiuiでサブページをフレーム内に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。