用a链接提交form,base标签引发的问题

原创于 2011-07-21 14:58:48 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#开发工具 #javascript #ViewUI

Web 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了使用a标签触发表单提交时遇到的问题：若页面头部存在base标签，则点击a链接后页面会跳转至应用根目录而非执行表单提交操作。文中提供了一个具体的示例来说明该现象。

在使用a标签提交表单的方式；如下

<a href="#" onclick="submit()">提交</a>
<script type="text/javascript">
	function submit() {
		var form = document.getElementById("form");
		form.submit();
	}
</script>

如果在head中添加了base标签，内容为

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">

时候，点击提交后，页面会直接跳转到应用的根路径，即http://localhost:8080/WebRoot/#,就显示成主页面了