【问题解决】Js a标签 target 跳转新页面问题

描述

问题如下，a标签设置点击后网页显示在iframe中。
刚开始进入没有出现问题，但是点击某表单后无论提交与否再点击a标签，就会链接到一个新的页面。
代码如下

<a class="menuname" target="iframe1"  href="url">xxxx地址</a>

<iframe id="iframe1" name="iframe1" frameborder="no" border="0" marginwidth="0" marginheight="0" src=""></iframe>

原因

这是因为表单提交的时候，可能是由于某个js改了name的值。a标签中的target找不到name为 iframe1 的iframe窗口。然后自己找了个新页面打开。由于项目中的代码繁杂，我无从考究究竟是出在哪个环节。所以遇到类似问题的小伙伴视情况而定修改方案。

解决方式

我这里的解决方式比较简单粗暴。由于代码量太多，找起来太麻烦。而且修改可能要动框架，所以直接去掉了a标签中的target。改用js直接指向iframe。避免它犯傻。

//javascript:void(0)阻止默认打开事件
<a href="javascript:void(0)" onclick="goto(url)">xxx地址</a>
function goto(url){
	$("#iframe1").attr("src",url);
}