如何在新标签中打开当前网页，并揭示隐藏的div

Question

是否有可能点击一个按钮，在新标签页中打开同一个页面，并表明没有父看到一个隐藏的div？

目前，我有一个div称为replacediv，被替换下面当用户点击该按钮替换文本 ...但它是在父被替换。对于我的目的，我想在一个新的标签，加载此相同的页面，与页面内容和显示隐藏replacediv代替替换文本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
     $("button").click(function(){ 
 
      $("#replacediv").replaceWith("<span class='style'>Replacement Text</span>"); 
 
     }); 
 
    }); 
 
    </script>

<div id="replacediv"></div>

Answer 1

，如果你想不更换彼此的$("#replacediv")在同一个页面的内容和跨度你这样做：

$(document).ready(function(){ 
$("#replacediv").before("<span style="display:none;" class='style'>Replacement Text</span>"); 
     $("button").click(function(){ 
      $(".style").show(); 
     }); 
    }); 

Answer 2

我想一个办法做到这一点，是当你打开页面并添加一个URL参数，这会导致页面渲染不同，例如用URL参数中的文本替换它上的一些文本。例如

在你的页面上，定义是这样的：

$(document).ready(function(){ 
    $("button").click(function(){ 
     window.open(window.location.href + '?replace=Replacement%20Text', '_blank'); 
    }); 

}); 

此外，你需要像这样（在同一个页面还在，但活跃，只有当一个参数调用）

$(document).ready(function(){ 
    $("button").click(function(){ 
     window.open(window.location.href + '?replace=Replacement%20Text', '_blank'); 
    }); 

    var arr = location.href.match(/replace=([^&]+)/) 
    var replace = arr[1]; 

    if (replace != '') { 
     $("#replacediv").replaceWith("<span class='style'>" + replace + "</span>"); 
    } 
}); 

此版本会让您的按钮仍然可点击。如果你不想要一个按钮，你需要提前询问URL参数，并且不要首先渲染你的按钮。那取决于你。

是否在正确的方向走？希望有所帮助。