HTML：frameset和frame

最新推荐文章于 2021-08-27 12:27:54 发布

谷咕咕

最新推荐文章于 2021-08-27 12:27:54 发布

阅读量222

点赞数

分类专栏：笔记文章标签： html css frameset和frame

本文链接：https://blog.csdn.net/a1424261303/article/details/111735278

版权

笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在这里插入图片描述
直接上演示图片，将浏览器分为左右两块分别显示不同的html，在左边点击A,B两个超链接可以将不同的html内容显示在左边

上代码

首页915-2.html
通过frameset中的cols控制页面布局
frame中的name用于后边的区别。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<frameset cols="40%,*">
    <frame src="915.html" name="left">
    <frame src="index.html" name="right">
</frameset>
</html>

9-15.html控制右边的显示
a标签中的target绑定左右页面，href选定页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <a target="right" href="righta.html">A</a>
    <a target="right" href="rightb.html">B</a>
</body>
</html>

righta.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    aaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>

rightb.html

在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    bbbbbbbbbbbbbbbbb
</body>
</html>