起因:在工作中,要求在弹出的Dialog页面点击下一页,内容在原Dialog中显示,在使用IE浏览器点击超链接(上下页)时,内容并非在Dialog中显示,而是重新加载了一个新的页面弹出来
解决方案:
1在弹出Dialog的页面和要超链移动的Dialog页面的<head></head>内设置target="_self",例如:
<head><base href="<%=basePath%>" target="_self"></head>
2在<a>标签内设置target="",例如:
<a href="next" target="">下一页</a>
Example:
初始页面——————————————————————————
<head>
<base target="_self"><!-- 设置target="_self" -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>初始页面</title>
<script type="text/javascript">
function showDialogs(){
var arr = showModalDialog("Dialog1.html","","dialogHeight:550px;dialogWidth:1000px;status:no");
}
</script>
</head>
<body>
<input type="button" value="弹出Dialog" onClick="showDialogs()" />
</body>
</html>
Dialog1页面——————————————————————————
<head>
<base target="_self"><!-- 设置target="_self" -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dialog1</title>
</head>
<body>
<a href="Dialog1.html" target="">Dialog1.html</a><!-- 给<a>标签添加target=""属性 -->
<br />
<a href="Dialog2.html" target="">Dialog2.html</a><!-- 给<a>标签添加target=""属性 -->
</body>
</html>
Dialog2页面——————————————————————————
<head>
<base target="_self"><!-- 设置target="_self" -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dialog2</title>
</head>
<body>
<a href="Dialog1.html" target="">Dialog1.html</a><!-- 给<a>标签添加target=""属性 -->
<br />
<a href="Dialog2.html" target="">Dialog2.html</a><!-- 给<a>标签添加target=""属性 -->
</body>
</html>