點擊a標簽,跳轉到iframe中,並在iframe中顯示指定的頁面


點擊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局部刷新

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM