今日は、緊急時に必要な場合に備えて、先ほどまとめたHTML体験を共有したいと思います。
まず、frameset タグを紹介します。このタグは、プロジェクトのニーズに合わせて、同じページ内で Web ページを切り替えるために使用されます。
bodyタグ内にframesetタグを配置することはできません。 具体的な実装は以下の通りです:
プロジェクト構造:
メインページコード(index.jsp):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!-- 同一页面内相互切换 cols:左右分割框架 frameborder:设置分割线的宽度 noresize:设置分割线不可拖动 --><frameset cols="10%,*" frameborder="no"> <frame src="title01.jsp" noresize/> <frame src="content01.jsp" name="content"/><!-- name的值用来唯一标示该框架 --></frameset>
左リンクページ(title01.jsp) ):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <body style="background-color: red;"> <a href="content01.jsp" target="content">标题1</a><br/><!-- target:用来指定跳转后显示的框架 --> <a href="content02.jsp" target="content">标题2</a><br/> <a href="content03.jsp" target="content">标题3</a><br/> <a href="content04.jsp" target="content">标题4</a><br/> </body></html>
右側のコンテンツ表示インターフェース (通常の JSP インターフェースです)、そして最後に誰もが勉強できるようにレンダリングが添付されています。
具体的なプロジェクトのソースコードが必要な場合は、メールを残してください。より良い結果を持っている人がいたら、アドバイスをお願いします。 。ありがとうございます
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
