frameset,frame,iframe,框架，点击一个框架内的超链接或按钮在另外的框架里显示

最新推荐文章于 2022-10-11 09:55:10 发布
最新推荐文章于 2022-10-11 09:55:10 发布
阅读量636 收藏
点赞数
分类专栏： javaScript 文章标签： 框架 ASP ASP.net CSS XHTML

a.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<form name="jnkcForm" method="get" action="E:\LmWorks\download\api\CSS 层叠样式表手册 v1.10\CSS 层叠样式表手册 v1.10/1.txt" target="jnkc" οnsubmit="window.open('','jnkc')">
  查看帖子
  <input name="id" value="1311196">号 <input type="submit" name="Submit3" value="提交">   
  </form>   
  <IFRAME NAME="jnkc" SRC="about:blank" WIDTH="100%" HEIGHT="300"></IFRAME>
 <BODY>
 </BODY>
</HTML>

下边再贴个asp.net的

frame.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Iframe.aspx.cs" Inherits="ext_Iframe" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    
</head>

<frameset rows="*" cols="200,*" framespacing="1" frameborder="yes" border="1" bordercolor="#CCCCCC">
  <frame src="../member/Index.aspx" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="../user/Login.aspx" name="mainFrame" id="mainFrame" title="mainFrame" /><!--需要在这个frame里显示的话，就写上 target="mainFrame"-->
</frameset>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>

index.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link rel="stylesheet" type="text/css" href="../css/Frame.css" />
    <link rel="stylesheet" type="text/css" href="../css/BackgroundOne.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="Register.aspx" xml:lang="1" target="mainFrame">黑名单信息录入与查询</a><!--这个target对应需要显示的frami里的name属性-->
    </div>
    </form>
</body>
</html>

Login.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>用户登录</title>    
    <link rel="stylesheet" type="text/css" href="../css/Frame.css" />
    <link rel="stylesheet" type="text/css" href="../css/BackgroundTwo.css" />
</head>
<body>
    <form id="form1" runat="server">
     <div valign="middle">
     
    <table valign="center" align="center" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#003366" bordercolordark="#ffffff">

      <tr id="addData_TR" class="STYLE1" >
        
        <td colspan="2" align="center">
            电子警察卡口</td>
      </tr>

      <tr class="STYLE1">
        <td>用户名:</td>
        <td><input name="userName" type="text" id="Txt_LoginName" runat="server"/>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="Txt_LoginName"
                ErrorMessage="请输入用户名！">*</asp:RequiredFieldValidator></td>
      </tr>
      <tr class="STYLE1">
        <td>
            密    码:</td>
        <td><input name="psw" type="password" id="Txt_Password" runat="server" style="width: 149px"/>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="Txt_Password"
                ErrorMessage="请输入密码！">*</asp:RequiredFieldValidator></td>
      </tr>
      <tr>
        <td colspan="2" align="center" style="height: 26px">
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="登　录" />
        
        <input type="button" value="关　闭" οnclick="window.opener=null;window.close();" />
        </td>
      </tr>

    </table>
    </div>
    </form>
<script type="text/javascript">
var oUserId = document.getElementById("Txt_LoginName");
var oPwd = document.getElementById("Txt_Password");

window.onload = function()
{
    oUserId.focus();
    oUserId.onkeydown = function ()
    {
     if(event.keyCode == 13 ) oPwd.focus();
    }
}
</script>
</body>
</html>

 Register.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link rel="stylesheet" type="text/css" href="../css/Frame.css" />
    <link rel="stylesheet" type="text/css" href="../css/BackgroundTwo.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBox ID="CheckBox1" runat="server" />有效期：<input runat="server" id="txt_yxq" type="text" />
        <asp:CheckBox ID="CheckBox2" runat="server" />违法性质：
        <asp:TextBox ID="txt_wfxz" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox3" runat="server" />号牌种类：<asp:DropDownList ID="DropDownList2"
            runat="server">
        </asp:DropDownList>
        <asp:CheckBox ID="CheckBox4" runat="server" />号牌号码：
        <asp:TextBox ID="txt_hphm" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox5" runat="server" />违法类型：<asp:DropDownList ID="DropDownList3"
            runat="server">
        </asp:DropDownList>
        <asp:CheckBox ID="CheckBox6" runat="server" />发动机号：
        <asp:TextBox ID="txt_fdjh" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox7" runat="server" />车辆品牌：<asp:TextBox ID="txt_clpp" runat="server"></asp:TextBox>
        <asp:CheckBox ID="CheckBox8" runat="server" />车驾号：
        <asp:TextBox ID="txt_cjh" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox9" runat="server" />所有人：<asp:TextBox ID="txt_syr" runat="server"></asp:TextBox>
        <asp:CheckBox ID="CheckBox10" runat="server" />车辆类型：<asp:DropDownList ID="DropDownList4"
            runat="server">
        </asp:DropDownList><br />
        <asp:CheckBox ID="CheckBox11" runat="server" />车身颜色：<asp:DropDownList ID="DropDownList5"
            runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList6" runat="server">
        </asp:DropDownList><br />
        <asp:CheckBox ID="CheckBox12" runat="server" />备注：<br />
        <asp:TextBox ID="txt_bz" runat="server" Height="125px" TextMode="MultiLine" Width="402px"></asp:TextBox><br /><br />
        
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        <input id="insert" runat="server" type="submit" value="加入黑名单列表" onserverclick="insert_ServerClick" /><br />
        <br />
         动态下拉：
        
        <asp:DropDownList ID="DropDownList1" runat="server" >
        </asp:DropDownList>
        
        
        </div>
    </form>
</body>
</html>

 

黑色头发  http://heisetoufa.iteye.com

limon758
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
页面框架的两种实现
ryan1214的专栏
05-07 1099
■ 框架概念 ：  所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗，每一框窗由一个 标 记所标示，必须在 范围中使用。如下例：          此例中 把画面分成
frame框架示例
11-05
在网页设计和开发中，`frame`框架是一个重要的概念，它允许我们将网页分割成多个独立的区域，每个区域可以加载不同的HTML文档。这样的设计能够帮助我们实现内容的分区展示，提高网页的组织性和交互性。在本示例中，...
HTML怎么使超链接在同一窗口的另一个框架中打开（iframe框架）
热门推荐
qq_42408149的博客
09-03 2万+
//框架 &amp;amp;amp;amp;amp;lt;iframe name=&amp;amp;amp;amp;quot;框架名&amp;amp;amp;amp;quot; src=&amp;amp;amp;amp;quot;images/img1.png&amp;amp;amp;amp;quot; width=&amp;amp;amp;amp;quot;1300&amp;amp;amp;amp;quot; height=&amp;amp;
点击左边frame里的链接在右边的frame里打开
xiandawang的专栏
06-12 4655
共3个页面，将HTMLPage.htm设为起始页。 1.aspxhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页            chinadci    google         2.aspxhttp://www.
HTML框架，点击一个框架的菜单在另一个框架显示
学无止境
04-25 2885
行row 列cols 实现tiaoz
HTML框架标签超链接标签控件标签学习教案.pptx
01-05
3. **`<iframe>`**：内联框架，允许在网页的一个区域内嵌入另一个完整的HTML文档。它比`<frame>`更灵活，可以在任何地方插入，而不仅仅限于`<frameset>`中。`src`属性同样用于指定要加载的页面，还可以设置`name`...
HTML框架标签超链接标签控件标签PPT学习教案.pptx
10-01
HTML 框架标签中还有一个重要的标签是 iframe 标签，用于在整个页面的某个部分创建一个独立的窗体，这个窗体可以显示一个独立的 html 页面，语法格式如下：<iframe src="my_frame.html">frame 和 iframe 标签可以...
外联框架[模板].rar
05-16
`<frameset>`可以包含一个或多个`<frame>`标签，每个`<frame>`代表一个独立的浏览区域。通过`rows`和`cols`属性，我们可以设置框架的行数和列数，或者使用百分比来定义每个框架的大小。 2. `<frame>`标签：每个`...
HTML5 中的新标签。 基础 格式 表单 框架 图像 音频/视频 链接 列表 表格 样式
11-24
- **`<frame>`**: 已废弃，定义框架集中的单个窗口或框架。 - **`<frameset>`**: 定义框架集。 - **`<noframes>`**: 定义在不支持框架的浏览器中显示的内容。 - **`<iframe>`**: 定义内联框架。 #### 五、图像与...
javascript 实现页面加载完自动点击链接显示框架右侧信息页面
轻耘智科技CTO 尤胜荣 的专栏
04-12 232
javascript实现页面加载完自动点击链接显示框架右侧信息页面，这个在用户登录后显示默认页面的时候很方便，而且可以很容易修改需要显示的默认内容，只要更改var source=document.all.链接的ID; &lt;script language="JavaScript" type="text/JavaScript"&gt; function autoclick() { var sou...
＜iframe＞框架 ，实现页面的相互跳转
最新发布
weixin_73705609的博客
10-11 2738
【代码】框架 ，实现页面的相互跳转。
同一页面中实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe
atlim的专栏
03-20 3890
 同一页面中二个iframe，如何实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe二个iframe id分别为 iframe1和iframe2,实现点击iframe1中的链接，显示到iframe2中iframe1 中包含一个 a.aspx, a.aspx中代码为： js部分： function   loadpage(page)       {    
frame框架点击链接或者按钮跳转整个页面以及别的frame框架
怪只怪满眼尽是人间烟火
09-20 9028
如何在内部跳转和整个页面跳转： 下面这个top.location.href = "login.html";可以跳转整个页面。 $(function(){ $("#quit").click(quit); }) function quit(){ var r=confirm("您确定要退出系统") if (r==true) { top.location.hr
frameset一个框架中获取操作另一个框架
月盾的专栏
01-15 384
window.parent.window.frames['frameName']; 在fremeset框架集中，获取父窗口（打开的整个网页），在这个父窗口网页中的window对象中查找名称为frameName的框架
HTML超链接与框架详解
- 使用 `<frameset>`、`<frame>` 和 `<noframes>` 标记来定义和管理框架布局，`<iframe>` 标记用于在页面中插入一个单独的窗口。 框架技术虽然在现代网页设计中使用较少，但在某些特定场景下，如多文档展示或复杂...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值