点击a标签,跳转到iframe中,并在iframe中显示指定的页面

1、用a标签的target属性

	<iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"></iframe>
	<a href="../XX.action?codeInfo=Demo123" target="myFrameName" >跳转</a>

上面a标签的target指向的是name为myFrameName的iframe,不是用Id来做指向的目标,如果target=“myFrameId”的话只有新版的Chrome、opera支持,在IE10,FF中都不生效。

2、跳转是用a标签的href传递参数,在含有iframe页面中用jquery接收判断传递过来的参数,然后获取iframe的id,根据参数设置iframe的src,显示指定的页面。
  在HTML中,

  • 点击
     在js的method()函数中,

      var subhref = "";
        if(event.data.url.indexOf("action")>=0){//获取当前页面的URL,URL为action形式
          subhref = event.data.url+"?projectId="+event.data.projectId+event.data.param;
        }else{//URL为jsp形式
          subhref = event.data.url;
        }
        $("#main").attr("src", subhref);//根据id设置iframe的src,跳转到相应的iframe,即进行iframe局部刷新```
    
  • 你可能感兴趣的:(前端,Iframe标签跳转)