继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

html框架的小实例

慕田峪0738999
关注TA
已关注
手记 344
粉丝 88
获赞 494

一共分了五个页面,请将以下页面保存,存放于同目录之下,运行查看效果

target_blank     -- 在新窗口中打开链接_parent    -- 在父窗体中打开链接_self         -- 在当前窗体打开链接,此为默认值_top         -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

==================================   a.html =======================================

<html><head><title>这是框架页面</title></head><frameset rows="50%,50%">        <frame src="http://pannijingling.blog.163.com/blog/b.html" name='top'><frameset cols="25%,75%">        <frame src="http://pannijingling.blog.163.com/blog/c.html" name='left'>        <frame src="http://pannijingling.blog.163.com/blog/d.html" name='rightfram'></frameset></html>

==================================   b.html   =======================================

<html><head><title>这是b.html页面</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">a:link {    color: #FF0000;    text-decoration: none;}a:visited {    text-decoration: none;    color: #0000FF;}a:hover {    text-decoration: underline;}a:active {    text-decoration: none;}</style></head><body><center>    <a href="http://pannijingling.blog.163.com/blog/e.html" target="rightfram">返回e.html,此种方法只刷新框架的rightfram部分</a>    <p><a href="http://pannijingling.blog.163.com/blog/d.html" target="right">返回d.html,此种方法只刷新框架的right部分</a></P>    <a href="http://pannijingling.blog.163.com/blog/a.html" target="_parent">返回首页,href设置为框架页,target设置为_parent,此种方法刷新整个框架</a></center></body></html>

===============   c.html   =============

<html><body>    这是C页面</body></html>

===============   d.html   =============

<html><body>    这是D页面</body></html>

===============    e.html   =============

<html><body>    这是E页面</body></html>

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP