So verwenden Sie Frames in HTML

HTML-Framework ermöglicht die Erstellung mehrerer Dokumentbereiche im Dokumentfenster zum Organisieren von Website-Inhalten. Um Frames zu erstellen, verwenden Sie das Tag <frameset>, um Zeilen oder Spalten anzugeben, und das Tag , um die Quelle jedes Frames anzugeben. Frames können verschachtelt werden, wobei das Namensattribut verwendet wird, um den Frame für die JavaScript-Manipulation zu benennen. Es wird jedoch empfohlen, moderne Technologien wie flexible Gitter anstelle von Rahmen zu verwenden.

Verwendung von Frames in HTML

In HTML gibt ein Frame eine Position in einem Dokumentfenster an, die mehrere Dokumente aufnehmen kann. Frames werden häufig verwendet, um verschiedene Teile einer Website in logische Partitionen zu organisieren.

Erstellen Sie einen Frame

Um einen Frame zu erstellen, verwenden Sie das Tag <frameset> und geben Sie die Zeile oder Spalte des darin enthaltenen Frames an: <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.frames

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

Das obige Beispiel erstellt einen zwei- Zeilen-Frameset. Unter diesen belegt „header.html“ die oberen 20 % und „content.html“ die unteren 80 %.

Verschachtelte Frames

🎜🎜Ein Frameset kann in einem anderen Frameset verschachtelt werden, wodurch komplexere Partitionen erstellt werden können. Zum Beispiel: 🎜rrreee🎜Dieses Beispiel erstellt ein 50/50-Spalten-Frameset, wobei das linke Frameset ein 50/50-Zeilen-Frameset für „Menü“ und „Inhalt1“ enthält und das rechte Frameset „Inhalt 2“ enthält. 🎜🎜🎜Frames benennen🎜🎜🎜Um auf Frames zu verweisen und sie zu bearbeiten (z. B. die Quelle zu ändern oder den Inhalt zu aktualisieren), können Sie jeden Frame mit dem Attribut name benennen. Zum Beispiel: 🎜rrreee🎜🎜Frame-Manipulation in JavaScript🎜🎜🎜JavaScript kann über das Objektarray window.frames auf Frames zugreifen und diese bearbeiten. Zum Beispiel: 🎜rrreee🎜🎜Hinweis: 🎜Frames werden für HTML nicht mehr empfohlen, da sie zu Barrierefreiheitsproblemen und Komplexität führen können. Modernes Website-Design sollte modernere Technologien wie flexible Raster und responsive Layouts nutzen. 🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Frames in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!