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