java--html(6)框架

来源:互联网 发布:生物大数据 精准医疗 编辑:程序博客网 时间:2024/06/09 13:59

框架标签:< frameset>
       < frameset rows=”10%,*”>
              < frame src=”1.html” name=”top” />
              < frameset cols=”30%,*”>
                     < frame src=”2.html” name=”left” />
                     < frame src=”3.html” name=”right” />
               < /frameset>
       < /frameset>
       框架标签不可以放到< body>中
画中画标签:< iframe>
       frameset标签是把整个窗口划分成不同的子窗体,而iframe标签可以实现在网页中的任意位置显示一个窗体(注意,它不是把整个窗口进行分割)。
       < iframe src=”1.html” >
              画中画窗口1
       < /iframe>
这里写图片描述
frame.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>演示frameset标记</title></head>    <frameset rows="20%,*" border="0"><!-- border="0"设置不要分割线 -->       <frame src="a.html"/>       <frameset cols="30%,*">           <frame src="b.html"/>           <frame src="../day1/a.html" name="frame3"/><!-- .是当前文件夹,..是退出当前文件夹 name="frame3"是标记这个位置,超链接可以通过target="frame3"在本网页的这个位置显示网页-->       </frameset>    </frameset><body></body></html>

frame.html中包含的a.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我的网站2</title></head><body text="#750000"  bgcolor="#FF79BC" >      <!-- 设置文本的颜色,但不能用于超链接的文字 ,, -->   <h2>演示表格合并标签</h2>   <table border="1" cellspacing="0" bgcolor="#93FF93" width="45%" height="200"          align="center" >          <!-- 单元格边界线(线宽为1),cellspacing单元格之间的间隙,整个表格居中显示,背景颜色,宽,高,整个表格居中显示 -->      <caption title="">我的<font size="7" face="隶书" color="#006000">第一个</font>表格</caption>      <tr align="center" ><!-- 一行 -->        <th><!-- 设valign值范围小的优先级高,大的优先级低 -->表头</th><th>表头1</th><th colspan="2">表头2/3</th>      </tr>      <tr align="center">        <th>表头1</th><td valign="top" align="left">单元格1-1</td><td rowspan="2">单元格1/2-2</td><td nowrap="nowrap">单元格1-3</td>        <!-- nowrap屏蔽自动换行 -->      </tr>      <tr align="center">        <th>表头2</th><td nowrap="nowrap">单元格2-1</td><td>单元格2-3</td>      </tr>   </table>   <a href="http://www.baidu.com" target="_black"><font size="10">百度一下</font></a></body></html>

frame.html中包含的b.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我的网站3</title></head><body>    <h2>演示超链接a标签</h2>    <a href="http://www.baidu.com" target="_Black"><img src="3.gif" align="middle"></a><br/>    <a href="http://www.baidu.com" target="frame3"><font color="red">百度一下</font></a><br/>    <a href="../day1/jd.html" target="frame3"><font color="red">京东京东</font></a><br/>    <br/><br/><br/><br/>     <a name="1">页前:</a><a href="#2">页中</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#3">页尾</a><br/>     <hr color="red"/>    <font face="华文彩云" size="8">             超文本链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个</font>             <img src="2.jpg"/>           <font face="隶书" size="12">  网站,这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮,使它和整个网页融为一体。<br/>      所谓的超文本链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮      件地址、一个文件,甚至是一个应用程序。</font><br/>      <a name="2">页中:</a><a href="#1">页前</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#3">页尾</a><br/>      <hr color="red"/>      <img src="4.jpg"/>而在一个网页中用来超文本链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。 <br/><font face="华文彩云" size="8">             超文本链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个</font>             <br/>             <img alt="回家图片。。。" src="a.jpg" border="1"/><!-- alt="回家图片。。。"当图片缓存不流畅或者不存在时,会出现文字解释说明图片,, alt="回家图片。。。" 给图片加边框-->             <br/><br/><br/>             <a href="a.html" target="_black">表格演示的网页a.html</a><!-- target="_black"设置在新的窗口显示网页 -->             <br/><br/><br/><br/><a name="3">页尾:</a>  <a href="#1">页前</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#2">页中</a>    <br/><br/><br/><br/></body></html>

frame.html中包含的../day1/a.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我的网站1</title></head><body>    <h1>一号标题</h1>    <h2>二号标题</h2>    <h3>三号标题</h3>    <h4>四号标题</h4>    <h5>五号标题</h5>    <h6>6号标题</h6>    <hr/>    <h3>以下演示文字修饰</h3>    <small>abc</small>                     <big>abc</big>   <!-- 建议不要使用 -->         <font size="15">abc</font><br/>    123<sub>123</sub> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    123<sup>123</sup><br/>    <b>湖南夏天</b> <br/>    <i>湖南夏天</i> <br/>    <u>湖南夏天</u> <br/><!-- 下划线     建议不要使用 -->    <strike>湖南夏天</strike> <br/><!-- 删除线        建议不要使用 -->    x<a>b <!-- xb,<a>有特殊含义 --> <br/>    <a href="http://www.baidu.com">百度</a> <br/>    x&lt;a&gt;b <!-- x<a>b --><hr/>    <h3>以下演示列表</h3>    <dl>        <dt>教学部门</dt>           <dd>信息学院</dd>           <dd>数计学院</dd>           <dd>通信学院</dd>        <dt>教辅部门</dt>           <dd>图书馆</dd>           <dd>学生部</dd>           <dd>教务处</dd>    </dl>    <h4>dir</h4> <!-- 建议不要使用 -->    <dir>菜单</dir>    <h4>menu</h4>    <menu>       <li>1</li>       <li>2</li>       <li>3</li>    </menu>    <h4>有序列表ol</h4>    <ol type="a" start="5"><!-- 默认是123.。。 -->       <li>1</li>       <li>2</li>       <li>3</li>    </ol>    <h4>无序列表ul</h4>    <ul type="square">       <li>1</li>       <li>2</li>       <li>3</li>    </ul>    <h4>列表嵌套</h4>    <ol ><!-- 默认是123.。。 -->       <li>李白           <ul>               <li>诗1</li>               <li>诗2</li>               <li>诗3</li>           </ul>       </li>       <li>杜甫           <ul>               <li>诗1</li>               <li>诗2</li>               <li>诗3</li>           </ul>       </li>    </ol></body></html>

frame.html中包含的b.html中包含的../day1/jd.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物!</title></head><body>        <div id="shortcut-2014">    <div class="w">        <ul class="fl" clstag="h|keycount|2015|01a">            <li class="dorpdown" id="ttbar-mycity"></li>        </ul>        <ul class="fr">            <li class="fore1" id="ttbar-login" clstag="h|keycount|2015|01b">                <a href="javascript:login();" class="link-login">你好,请登录</a>&nbsp;&nbsp;<a href="javascript:regist();" class="link-regist style-red">免费注册</a>        </li>            <li class="spacer"></li>        <li class="fore2" clstag="h|keycount|2015|01c">                <div class="dt">                    <a target="_blank" href="//order.jd.com/center/list.action">我的订单</a>                </div>            </li>            <li class="spacer"></li>        <li class="fore3 dorpdown" id="ttbar-myjd" clstag="h|keycount|2015|01d">            <div class="dt cw-icon">                    <i class="ci-right"><s></s></i>                    <a target="_blank" href="//home.jd.com/">我的京东</a>                </div>        <div class="dd dorpdown-layer"></div>            </li>            <li class="spacer"></li>        <li class="fore4" clstag="h|keycount|2015|01e">                <div class="dt">                    <a target="_blank" href="//vip.jd.com/">京东会员</a>                </div>            </li>            <li class="spacer"></li>        <li class="fore5" clstag="h|keycount|2015|01f">                <div class="dt">                    <a target="_blank" href="//b.jd.com/">企业采购</a>                </div>            </li>            <li class="spacer"></li>        <li class="fore6 dorpdown" id="ttbar-apps" clstag="h|keycount|2015|01g">                <div class="dt cw-icon">                    <i class="ci-left"></i>            <i class="ci-right"><s></s></i>                    <a target="_blank" href="//app.jd.com/">手机京东</a>                </div>            </li>        <li class="spacer"></li>            <li class="fore7 dorpdown" id="ttbar-atte" clstag="h|keycount|2015|01h">                <div class="dt cw-icon">                    <i class="ci-right"><s></s></i>关注京东                </div>                <div class="dd dorpdown-layer"></div>            </li>            <li class="spacer"></li>        <li class="fore8 dorpdown" id="ttbar-serv" clstag="h|keycount|2015|01i">                <div class="dt cw-icon">                    <i class="ci-right"><s></s></i>客户服务                </div>                <div class="dd dorpdown-layer"></div>            </li>            <li class="spacer"></li>        <li class="fore9 dorpdown" id="ttbar-navs" clstag="h|keycount|2015|01j">                <div class="dt cw-icon">                    <i class="ci-right"><s></s></i>网站导航                </div>                <div class="dd dorpdown-layer"></div>            </li>        </ul>        <span class="clr"></span>    </div></div><div class="w">    <div id="logo-2014" clstag="h|keycount|2015|02a">        <a href="//www.jd.com/" class="logo">京东</a>    </div>    <div id="search-2014" >        <ul id="shelper" class="hide"></ul>        <div class="form">            <input clstag="h|keycount|2015|03a" type="text" onkeydown="javascript:if(event.keyCode==13) search('key');" autocomplete="off" id="key" accesskey="s" class="text" />        </div>    </div>    <div id="settleup-2014" class="dorpdown" clstag="h|keycount|2015|04a">    <div class="cw-icon">        <i class="ci-left"></i>        <i class="ci-right">&gt;</i>        <a target="_blank" href="//cart.jd.com/cart/cart.html">我的购物车</a>    </div>    <div class="dorpdown-layer"><div class="spacer"></div><div id="settleup-content">    <span class="loading"></span></div>    </div></div>    <div id="hotwords-2014"></div>    <span class="clr"></span></div>     <iframe src="../day2/MyClassLoader.java" width="500">画中画    </iframe>     <br/> <br/> <br/> <br/> <br/> </body></html>

frame.html中包含的b.html中包含的../day1/jd.html中的画中画显示的内容

package cn.hncu.reflect.ex3;import java.io.ByteArrayOutputStream;import java.io.FileInputStream;import java.io.IOException;public class MyClassLoader extends ClassLoader{    public Class findClass(String fileName,String className){        byte b[]=loadClassData(fileName);        return defineClass(className, b, 0, b.length);    }    private byte[] loadClassData(String fileName) {        try {            FileInputStream fin=new FileInputStream(fileName);            ByteArrayOutputStream baout=new ByteArrayOutputStream();            byte b[]=new byte[1024];            int len=0;            while((len=fin.read(b))!=-1){                baout.write(b, 0, len);            }            return baout.toByteArray();        } catch (IOException e) {            return null;        }    }}

这里写图片描述
这里写图片描述
这里写图片描述

0 0