解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問題

在參與的一個(gè)項(xiàng)目中，有一個(gè)這樣的需求，導(dǎo)入基礎(chǔ)數(shù)據(jù)成功后，默認(rèn)彈出一個(gè)管理員登錄頁(yè)，點(diǎn)擊登錄按鈕，需要跳到管理頁(yè)面。

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團(tuán)隊(duì)，希望更多企業(yè)前來合作!

導(dǎo)入頁(yè)按鈕：

<button type="button" id="start" class="layui-btn layui-btn-radius layui-btn-lg layui-bg-orange btn3"><i>導(dǎo)入</i></button>

導(dǎo)入按鈕的點(diǎn)擊事件，點(diǎn)擊后會(huì)出現(xiàn)layer彈出層

$("#start").click(function(){
   // 判斷有沒有選擇區(qū)域
   var regionCode = $("#regionCode").val();
   if(regionCode!=0){
    // 獲取區(qū)域名，用于導(dǎo)入成功后標(biāo)題顯示
    var regionName = $("#regionCode").find("option:selected").text();
    $.ajax({
     url:'<%=path%>/org/importMemoryOrgs?regionCode='+regionCode,
     type:'post',
     dataType:'json',
     success:function(res){
      console.log("成功");
      console.log(res);
      // 引導(dǎo)用戶再次進(jìn)入導(dǎo)入頁(yè)，驗(yàn)證效果是下拉框不顯示曾經(jīng)導(dǎo)入過的區(qū)域
      if(res.success == true){
       layer.open({
        type: 2 
        , title: regionName+'黨組織架構(gòu)導(dǎo)入成功'
        //, area: ['690px', '350px']
        , area: ['750px', '50%']
        , shade: 0.5
        , maxmin: true
        , content: '<%=path%>/orgAdminLoginPage?username='+regionCode
       });
      }else{
       layer.open({
        type: 1 //此處以iframe舉例
        , title: regionName+'黨組織架構(gòu)導(dǎo)入失敗'
        //, area: ['690px', '350px']
        , area: ['750px', '75%']
        , shade: 0.5
        , maxmin: true
        , content: $("#error")
       });
       $("#Content").html(res.msg);
      }
     },error:function(res){
      console.log("失敗");

     }
    });
   }else{
    alert("請(qǐng)選擇區(qū)域");
   }

  });

<a class="layui-btn layui-btn-normal"  href="<%=path%>/areaLogin?username=${username}&&password=123456" rel="external nofollow" >以地方組織管理員身份登錄</a>

直接這樣點(diǎn)擊的話，管理頁(yè)面的內(nèi)容全部還在彈出層，不是我想要的效果。

解決思路

本來想通過把a(bǔ)標(biāo)簽改成button，然后寫個(gè)onclick事件，腳本里使用layer.close()去關(guān)閉彈出層，然后location.href=”url地址”，試了下沒用，本人一直是做后臺(tái)開發(fā)的，前端知識(shí)薄弱。

最終解決方案，直接在a標(biāo)簽加上target=”_top”,解決問題。

關(guān)于target=”_top”的資料 target=”_top” ， 屬性作用使得文檔載入包含這個(gè)超鏈接的窗口，用 _top 目標(biāo)將會(huì)清除所有被包含的框架并將文檔載入整個(gè)瀏覽器窗口。

target=”_parent” ，屬性作用使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個(gè)引用是在窗口或者在頂級(jí)框架中，那么它與目標(biāo) _self 等效。

target=”_blank” ,瀏覽器總在一個(gè)新打開、未命名的窗口中載入目標(biāo)文檔

target=”_self”, 它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。(此處就是實(shí)現(xiàn)你的每次跳轉(zhuǎn)都在同一個(gè)窗口的核心點(diǎn))

以上這篇解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

文章名稱：解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問題
鏈接地址：http://bm7419.com/article18/jdsgdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、外貿(mào)建站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、定制網(wǎng)站、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)