一共分了五个页面,请将以下页面保存,存放于同目录之下,运行查看效果
target_blank -- 在新窗口中打开链接_parent -- 在父窗体中打开链接_self -- 在当前窗体打开链接,此为默认值_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
================================== a.html =======================================
<html><head><title>这是框架页面</title></head><frameset rows="50%,50%"> <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/b.html" name='top'><frameset cols="25%,75%"> <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/c.html" name='left'> <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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设置为框架页,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>
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦