侧边栏壁纸
博主头像
前端学习

行动起来,活在当下

  • 累计撰写 307 篇文章
  • 累计创建 18 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

如何利用frameset框架集标签,实现左侧的链接地址,在右侧区域打开显示

Administrator
2022-05-06 / 0 评论 / 0 点赞 / 78 阅读 / 0 字

步骤一:先创建top.html,left.html,right.html、

top:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 头部 </body> </html>

left:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li><a href="https://www.baidu.com" target="right">百度</a></li> <li><a href="">搜狐</a></li> </ul> </body> </html>

right:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 右侧 </body> </html>

步骤二:在嵌套标签页面中引入这三个页面,先给left中的链接a标签添加target=“right”让点击该链接时,在一个名为“right”的页面打开(<li><a href="https://www.baidu.com" target="right">百度</a></li>);然后再给目标页面添加name名为right(<frame src="right.html" name="right">),这样就可以实现左侧的链接地址,在右侧区域打开显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- frameset框架集标签不能与body标签并存 frameset框架集标签,作用:分屏 cols="180,268,*"cols属性,表示垂直分屏 rows="180,268,*" rows属性,表示水平分屏 嵌套框架集(上方固定,左右嵌套) https://www.baidu.com网址(绝对地址) src中写当前项目中的某个文件(相对路径) frame框架标签上添加属性 noresize="noresize",表示禁止拖拽 --> <frameset rows="90,*"> <frame src="top.html" noresize="noresize"> <frameset cols=" 200,*"> <frame src="left.html" noresize="noresize"> <frame src="right.html" name="right"> </frameset> </frameset> </html>

代码演示:

202012281609125997128856

0

评论区