HTML <iframe>、<frameset>、<a> 标签

最新推荐文章于 2023-06-08 15:30:11 发布

JhonXie

最新推荐文章于 2023-06-08 15:30:11 发布

阅读量137

点赞数

文章标签： javascript ViewUI

一、HTML <iframe> 标签
定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
属性
align left   right   top   middle bottom
不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder 1或者0    规定是否显示框架周围的边框。
height pixels   %规定 iframe 的高度。
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
scrolling     yes no auto   规定是否在 iframe 中显示滚动条。
src URL 规定在 iframe 中显示的文档的 URL。
width pixels % 定义 iframe 的宽度。
二、HTML <frameset> 标签
定义和用法
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
实例
简单的三框架页面：
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>
三、HTML <a> 标签
定义和用法
<a> 标签可定义锚。锚 (anchor) 有两种用法：
通过使用 href 属性，创建指向另外一个文档的链接（或超链接）
通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
可选的属性
属性           值               描述
charset 字符集名称规定目标 URL 的字符编码。
coords 坐标规定链接的坐标。
href URL 链接的目标 URL。
hreflang ISO 语言代码规定目标 URL 的基准语言。
name section_name 规定锚的名称。
rel text 规定当前文档与目标 URL 之间的关系。
rev text 规定目标 URL 与当前文档之间的关系。
shape default rect circle poly   规定链接的形状。
target     _blank _parent _self _top   framename   在何处打开目标 URL。

1._blank      <a href="document.html" target="_blank">my document</a> 浏览器会另开一个新窗口显示document.html文档
2._parent     <a href="document.html" target="_parent">my document</a>      指向父frameset文档
3._self          <a href="document.html" target="_self">my document</a>           把文档调入当前页框
4._top          <a href="document.html" target="_top">my document</a>            去掉所有页框并用document.html取代frameset文档
小技巧1：使别人的页框不能引用你的网页       在文件头加：<base target="_top">
小技巧2：在当前页打开连接或做刷新，提交到当前页在文件头加：<base target="_self">
        target的去留存有争议，主张留的一方主要是考虑到target="_blank"的属性目前来讲还没有一个好的方式来解决，而主张去的一方则拿出了rel与JS的解决方案。
        我的看法：当采用iframe框架的时候，target="frame_name"，即可指定a的目标地址。
使用JS的进行跳转页面的办法：
<script type="text/javascript">
    function changePage(direction){
        parent.brotherFrameName.location.href(direction);
    }
</script>
然后<span οnclick="changePage("direction_page")">link_name</span>即可
a与js的配合使用
<a href="javascript: methodName();">This is a link</a>

链接框架方法示例如下：

left.html页面关键代码如下：

使用iframe页面关键代码如下（下面用的ASP.NET, 不过与其他语言通用）

      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td style="width: 230px">
          <table>
             <tr>
             <td>
          <iframe src="left.htm" style="width: 230px; height: 682px" frameborder="0" scrolling="no"></iframe>
              </td>
          </tr>
          </table>
          </td>
          <td>
              <span style="color: #ff0033">
                学生ID:</span><asp:Label id="lbl_Id" runat="server">未登录</asp:Label><span
                  style="color: #ff0033">
                    
                 学生姓名:</span><asp:Label id="lbl_Name" runat="server">未登录</asp:Label><span style="color: #ff0033">
                     性别:</span><asp:Label ID="Label1" runat="server" Text="Label">未登录</asp:Label><span
                              style="color: #ff0033"> </span>
             <iframe name="menu" frameborder="0" scrolling="auto" style="width: 780px; height:682px" src="studentexam.aspx" id="IFRAME1"></iframe></td>     注意：此处src首先打开的是默认页面，在iframe里显示
        </tr>
      </table>

JhonXie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML <iframe>、<frameset>、<a> 标签

一、HTML &lt;iframe&gt; 标签定义和用法iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。属性align left right top middle bottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder 1或者0 规定是否显示框架周围的边框。height pixels %规定 iframe 的...
复制链接

扫一扫