Java Web 网络商城案例演示十八 关于HTML frameset 框架的使用 和dtree组件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商城后台管理系统</title>
<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body>
<iframe src="top.html" name="topFrame" scrolling="no" frameborder="0"
style="width: 100%; height: 100px;">
</iframe>
<frameset cols="220,*" frameborder="0" border="0" framespacing="0">
<frame src="left.html" name="leftFrame" scrolling="auto" noresize="noresize">
<frame src="right.html" name="rightFrame" scrolling="auto" noresize="noresize">
</frameset>
<script type="text/javascript">
d = new dTree('d');
// 添加树节点的代码
document.write(d);
</script>
</body>
</html>
这个示例展示了如何在HTML中使用frameset来创建一个顶部(top.html
)、左侧(left.html
)和右侧(right.html
)三列的框架结构,以及如何嵌入一个dTree组件来创建一个可折叠的导航树。在实际应用中,你需要为每个frame
的src
属性提供相应的HTML文件。
评论已关闭