Technorati 標(biāo)簽:
html,
showModalDialog,
BASE之前寫過一篇關(guān)于在HTML頁面中modal dialog中進(jìn)行URL轉(zhuǎn)向的問題。現(xiàn)在找到了一個新的辦法。
場景是這樣的：在頁面上進(jìn)行輸入信息時，某些信息是從數(shù)據(jù)庫中預(yù)先查找出來，然后填充到下拉列表的。但是由于部分?jǐn)?shù)據(jù)項的可選數(shù)據(jù)太多了，將近3000條，這樣的情況下，使用下拉列表就有點不太合適，所以提供了一個彈出窗口，是使用showModalDialog方法彈出的模態(tài)窗口。而且在這個窗口上提供了查找的功能，但是遇到一個問題是當(dāng)彈出窗口的<form>被submit按鈕提交的時候，結(jié)果是在新的窗口打開的，這顯然不是我們想要的。
查找了一些資料，又咨詢了同事，發(fā)現(xiàn)在HTML中有一個元素為base，通常很少會用到，但是這個時候就需要了。
base對象的說明如下：
【指定一個顯式 URL 用于解析對于外部源的鏈接和引用，如圖像和樣式表】
通過設(shè)置base標(biāo)簽的target屬性為_self，可以控制在modal dialog上將URL的轉(zhuǎn)換限制在當(dāng)前窗口。target屬性大家都比較常用了，用以設(shè)置或獲取目標(biāo)內(nèi)容要顯示于哪個窗口或框架。
根據(jù)說明文檔，BASE標(biāo)簽要出現(xiàn)在HEAD標(biāo)簽之內(nèi)的任何外部元素引用之前，比如：
<head>
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>POPUP模態(tài)窗口測試</title>
<link rel="stylesheet" type="text/css" href="../css/lab.css">
</head>
設(shè)置了BASE標(biāo)簽的target屬性為_self之后，在模態(tài)窗口上對于相對URL的跳轉(zhuǎn)就可以控制在窗口內(nèi)，而不在彈出新的窗口。
posted on 2008-06-30 12:50
YODA 閱讀(2970)
評論(4) 編輯 收藏