用form表单的post提交解决“页面变形”问题

    1、问题描述：在codeing中，遇到一个奇怪的问题，java开发的B/S架构系统，login之后，进入前台主页面，前台主页面是一个包含多个iframe的jsp，显示正常。在主页面上，有一个超链接，用于导向“后台管理页面”，后台管理页面的结构采用的是和前台主页面一样的，只是另外copy了一份，改一改图片文字什么的。在IE浏览器中没什么问题，本人一直使用的是360安全浏览器，之前也没问题，自从开始使用360安全浏览器6.N之后的版本，就发现后台管理页面变形，前台主页面则正常。

 

    2、问题定位：开始是怀疑“后台管理页面”在修改中改坏了css样式或页面结构，经过多次更改调整，无果。接着想干脆将前台主页面重新copy一份从头改，发现刚拷过来的页面都变形。于是开始怀疑问题在进入页面之前的部分，多方调试，终于，找到了问题的原因。

    前台主页面和后台管理页面一样的结构，之所以前台显示正常，而后台显示变形，是因为前台是通过form表单提交的方式进入的，而后台进通过超链接方式进入的。

 

    3、解决方法：将进入后台的方式，由超链接改变表单提交。建一个隐藏的form表单，注意form提交方式一定要是post的，另外，一定要有一个元素，空表单提交是不行的。如下示例：

<!--隐藏表单，用于转向后台。用表单post方式提交时，后台页面在360浏览器6.0以上版本中，不会出现变形。否则，直接超链则变形。
	注意：表单中必须至少有一个属性，如下面aa,否则表单不是以post方式提交的，页面照样变形。
-->
<div style="display:none;">
<form name="backForm" method="post" action="<%=path %>/common/common/back.action" target="_blank">
	<input name="aa" value="aa"  />
</form>

<script type="text/javascript">
function gotoBack()
{
	document.backForm.submit();
}	
</script>
</div>