首页 > 代码库 > html基础 frameset框架 中 创建 返回最开始的页面 的超链接 <a> target="_top"

html基础 frameset框架 中 创建 返回最开始的页面 的超链接 <a> target="_top"

 镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<frameset cols="300,*">
    <frame src="http://www.mamicode.com/left3.html"/>
    <frame src="http://www.mamicode.com/right3.html"/>
</frameset>
</html>

 

result:

技术分享

 

 

left3 HTML code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <a href="http://www.mamicode.com/left33.html">进入下一级网页</a>
</body>
</html>

 

 

right3 HTML code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <a href="http://www.baidu.com">转到百度</a>
</body>
</html>

 

left3 HTML code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <a href="http://www.mamicode.com/main3.html" target="_top">返回首页,最上级</a>
</body>
</html>

 

 

 

初始状态:

技术分享

 

我点击左边的  进入下一级网页    点击右边的 转到百度:

技术分享

 

 

这个时候,点击返回首页,最上级:

技术分享

(欢迎来到水果摊。。。)



——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

html基础 frameset框架 中 创建 返回最开始的页面 的超链接 <a> target="_top"