zoukankan      html  css  js  c++  java
  • HTML标签在showModalDialog中的应用

    JavaScript的showModalDialog(模态对话框)中有提交按钮,在模态对话框中点击按钮会跳出新的页面,那么我们可以设置

    <base target="_self">来解决该问题.

     <base target=_blank>//在空白页打开  
    <base target=_parent>//用在框架中,在当前页的上一页(父亲)打开  
    <base target=_search>//在浏览器搜索栏打开  
    <base target=_self>//在当前页打开  
    <base target=_top>//用在框架中,但是他的效果是清除框架来显示目标文档。这对于从框架结构转向无框架结构是很有作用的。


    在IE7前的所有版本中,如果在showModalDialog中有个提交等按钮,可以直接在showModalDialog所打开的那个页面中的任何地方加入<base target="_self">就可以运行了,但是在IE7中必须把<base target="_self">放在<head></head>中的第一个位置。否则会点击提交按钮的时候会重新跳出一个新窗口。

    这个属性有IE6与IE7之分。

    注:

    1、如果你是IE6,你将<base target="_self"/>加入到<head>标签里就可以了。

    2、如果你是IE7,你必须将<base target="_self"/>加入到<head>的中间位置。

    代码示例:

    <!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">
        <base target="_self" />//关键点
        <title></title>
        <link href="../css/mains.css" rel="stylesheet" type="text/css" />

    <script>   

        function OpenWin(ID) {
                window.showModalDialog('QRZJModalDialog.aspx?ID=' + ID.ClientID, '确认注记', 'dialogLeft=380px;dialogTop=180px;dialogWidth=450px;dialogHeight=100px;');//打开模式窗口
                location.reload();//点击确认刷新父窗口
                return false;
            }</script>
    </head>
    <body>
        <form id="form1" runat="server">
              <table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#c7bebc">
                <tr class="line-odd">
                    <td align="center">
                        注记编号:<asp:TextBox ID="ZJBH" runat="server"></asp:TextBox>&nbsp;&nbsp;
                        <asp:Button ID="QUEREN" runat="server" Text="确认" OnClick="QUEREN_Click" />
                    </td>
                </tr>
            </table>
        </form>
    </body>
    </html>

  • 相关阅读:
    洛谷 P1387 最大正方形
    洛谷 P1508 Likecloud-吃、吃、吃
    洛谷 P1282 多米诺骨牌
    洛谷 P1880 [NOI1995]石子合并
    P1064 金明的预算方案 (依赖性背包问题)
    caioj 1114 树形动态规划(TreeDP)3.0:多叉苹果树【scy改编ural1018二叉苹果树】
    让Dev C++支持C++11
    1113: [视频]树形动态规划(TreeDP)8:树(tree)(树形dp状态设计总结)
    caioj 1112 树形动态规划(TreeDP)7:战略游戏
    caioj 1111 树形动态规划(TreeDP)6: 皇宫看守 (状态设计)
  • 原文地址:https://www.cnblogs.com/ZhangGuiHai/p/2127019.html
Copyright © 2011-2022 走看看