點擊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中,
<li id=“level1”><a href=“javascript:void(0);” onclick="method()">點擊</a>
在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局部刷新