(0002) H5开发之Frame框架理解

最新推荐文章于 2024-04-08 09:46:20 发布

沐雨07

最新推荐文章于 2024-04-08 09:46:20 发布

阅读量2.6k

点赞数

分类专栏： HTML5学习路线文章标签： Frame框架理解

HTML5学习路线专栏收录该内容

20 篇文章 0 订阅

订阅专栏

转载只为了：理解Frame框架，并且frameset标签已经在H5中不再支持了。

// http://www.cnblogs.com/joma/archive/2012/03/09/2387362.html

首页index.jsp代码如下所示

< html >

<head>
<title>管理系统</title>
</head>
<frameset rows="70,*,20" cols="*" frameborder="no" >
<frame src="<%=context%>/common/top.jsp" name="topFrame" scrolling="NO" noresize>
<frameset cols="135,*" frameborder="no" id="fstMain">
<frame src="<%=context%>/common/menu.jsp" name="leftFrame" scrolling="NO" noresize>
<frame src="<%=context%>/common/welcome.jsp" name="mainFrame" scrolling="NO" noresize>
</frameset>
<frame src="<%=context%>/common/bottom.jsp" name="footFrame" scrolling="NO" noresize>
</frameset>
</html>

<html>
<head>
    <title>管理系统</title>
</head>
<frameset rows="70,*,20" cols="*" frameborder="no" >
    <frame src="<%=context%>/common/top.jsp" name="topFrame" scrolling="NO" noresize>
    <frameset cols="135,*" frameborder="no" id="fstMain">
    	<frame src="<%=context%>/common/menu.jsp" name="leftFrame" scrolling="NO" noresize>
        <frame src="<%=context%>/common/welcome.jsp" name="mainFrame" scrolling="NO" noresize>
    </frameset>
    <frame src="<%=context%>/common/bottom.jsp" name="footFrame" scrolling="NO" noresize>
</frameset>

</html>

当点击menu.jsp的选项时,menu.jsp发生跳转，而我希望的是右边的展示页面welcome.jsp显示内容发生变化，因此需要指定

menu.jsp的target属性为mainframe,代码如下

<!DOCTYPE HTML>
<html>
<head>
<base target="mainFrame">
<span style="white-space:pre"> </span><title>Bootstrap菜单</title>

<!DOCTYPE HTML>
<html>
  <head>
  	<base target="mainFrame">
    	<title>Bootstrap菜单</title>

</head>

这样当我们点击menu.jsp时,welcome.jsp展示的内容会发生变化

沐雨07

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
(0002) H5开发之Frame框架理解

首页index.jsp代码如下所示[html] view plain copyprint?html> head> title>管理系统title> head> frameset rows="70,*,20" cols="*" frameborder="no" > frame src="/common/top.jsp" nam
复制链接

扫一扫

专栏目录