之前写过一篇关于在HTML页面中modal dialog中进行URL转向的问题。现在找到了一个新的办法。
场景是这样的：在页面上进行输入信息时，某些信息是从数据库中预先查找出来，然后填充到下拉列表的。但是由于部分数据项的可选数据太多了，将近3000条，这样的情况下，使用下拉列表就有点不太合适，所以提供了一个弹出窗口，是使用showModalDialog方法弹出的模态窗口。而且在这个窗口上提供了查找的功能，但是遇到一个问题是当弹出窗口的<form>被submit按钮提交的时候，结果是在新的窗口打开的，这显然不是我们想要的。
查找了一些资料，又咨询了同事，发现在HTML中有一个元素为base，通常很少会用到，但是这个时候就需要了。
base对象的说明如下：
【指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表】
通过设置base标签的target属性为_self，可以控制在modal dialog上将URL的转换限制在当前窗口。target属性大家都比较常用了，用以设置或获取目标内容要显示于哪个窗口或框架。
根据说明文档，BASE标签要出现在HEAD标签之内的任何外部元素引用之前，比如：
<head>
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>POPUP模态窗口测试</title>
<link rel="stylesheet" type="text/css" href="../css/lab.css">
</head>
设置了BASE标签的target属性为_self之后，在模态窗口上对于相对URL的跳转就可以控制在窗口内，而不在弹出新的窗口。
posted on 2008-06-30 12:50
YODA 阅读(2963)
评论(4) 编辑 收藏