Cara menggunakan bingkai dalam html

Rangka kerja HTML membenarkan penciptaan berbilang kawasan dokumen dalam tetingkap dokumen untuk mengatur kandungan tapak web. Untuk membuat bingkai, gunakan teg <frameset> untuk menentukan baris atau lajur dan teg Bingkai boleh bersarang, menggunakan atribut nama untuk menamakan bingkai untuk manipulasi JavaScript. Walau bagaimanapun, adalah disyorkan untuk menggunakan teknologi moden seperti grid fleksibel dan bukannya bingkai.

Penggunaan bingkai dalam HTML

Dalam HTML, bingkai menentukan lokasi dalam tetingkap dokumen yang boleh memuatkan berbilang dokumen. Bingkai sering digunakan untuk menyusun bahagian-bahagian yang berbeza pada tapak web ke dalam partition logik.

Buat bingkai

Untuk mencipta bingkai, gunakan teg <frameset> dan nyatakan baris atau lajur bingkai di dalamnya: <frameset> 标记，并在其中指定框架的行或列：

<code class="html"><frameset rows="20%, 80%">
  <frame src="header.html">
  <frame src="content.html">
</frameset></code>

上面的示例创建了一个两行框架集，其中“header.html”占据顶部 20%，而“content.html”占据底部 80%。

嵌套框架

一个框架集可以嵌套在另一个框架集内，允许创建更复杂的分区。例如：

<code class="html"><frameset cols="50%, 50%">
  <frameset rows="50%, 50%">
    <frame src="menu.html">
    <frame src="content1.html">
  </frameset>
  <frame src="content2.html">
</frameset></code>

这个示例创建了一个 50/50 列框架集，其中左侧框架集包含一个 50/50 行框架集，用于“菜单”和“内容 1”，而右侧框架集包含“内容 2”。

命名框架

为了引用框架并对其进行操作（例如更改源或刷新内容），可以使用 name 属性来命名每个框架。例如：

<code class="html"><frame name="header" src="header.html">
<frame name="content" src="content.html"></code>

JavaScript 中的框架操作

JavaScript 可以通过 window.framesrreee

Bingkai Bersarang

<code class="javascript">window.frames[0].location = "new_header.html"; //更改第一个框架的源
window.frames["content"].reload(); //刷新“content”框架</code>

Atas ialah kandungan terperinci Cara menggunakan bingkai dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!