日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML标签在showModalDialog中的应用

發布時間:2025/3/15 HTML 19 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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>

轉載于:https://www.cnblogs.com/ZhangGuiHai/archive/2011/08/04/2127019.html

總結

以上是生活随笔為你收集整理的HTML标签在showModalDialog中的应用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。