HTML iframe 或内嵌框架允许在一个 HTML 页面中嵌入多个 HTML 页面。在本文中,我们将看到如何使用另一个 iframe 中的超链接更改一个 iframe 的内容。
这可以通过正确使用 iframe 标签中的 name 属性和锚标签中的 target 属性来实现。 name 属性允许每个内嵌框架拥有自己唯一的名称,而 target 属性告诉超链接,点击链接时必须打开页面的位置。如果我们将目标值保留为应显示超链接内容的目标 iframe 的名称,我们的问题将得到解决。
- 我们将创建一个包含两个 iframe 的 HTML 页面。
- 为每个 iframe 指定一个唯一的名称。
- 创建另一个包含多个超链接的 HTML 页面。
- 在每个超链接的目标属性中添加第二个 iframe 的名称。
- 单击第一个 iframe 中的链接,您应该会看到在第二个 iframe 中打开的页面。
示例: HTML 文档将在其中嵌入两个 iframe。
index.html
Hello world!!
iframe1.html
GeeksforGeeks
click the above links to see changes in the frame below
下面的代码是上面代码中使用的“iframe1.html”的内容。
iframe1.html
GeeksforGeeks
click the above links to see changes in the frame below
输出:此页面将包含超链接,每个链接都针对第二个 iframe。