iframe框架的基本使用 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
</head>
<body>    
    <h1>上方导航条</h1>
    <p><a href="subframe/the_first.html" target="mainFrame">下边显示第一页</a><br /><br />
    <a href="subframe/the_second.html" target="mainFrame">下边显示第二页</a><br /><br />
    <a href="subframe/the_third.html" target="mainFrame">下边显示第三页</a><br />
    </p>
    <iframe name="mainFrame" width="800px" height="150px"  src="subframe/the_second.html" />
</body>
</html>

 

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="utf-8"/>
 <title>page1</title>
</head>
<body>
    第一个页面内容

</body>
</html>

 

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="utf-8"/>
 <title>page2</title>
</head>
<body>
    第二个页面内容

</body>
</html>

 

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="utf-8"/>
 <title>page3</title>
</head>
<body>
    第三个页面内容

</body>
</html>

 

posted @ 2019-02-13 22:42  锈钉  阅读(709)  评论(0)    收藏  举报