Question

我希望我的网址为https://hub.saxobroko.ga?blank=true并显示空白页。

我认为当使用？blank = true时，javascript应该添加此代码。 '''html {display：none;}'''

我的页面应该显示为空白。它可以使用jQuery。看起来这段代码可以正常工作，但不会改变CSS。

var url_string = " https://hub.saxobroko.ga?blank=true"; 
var url = new URL(url_string);
var c = url.searchParams.get("c");
var page = url.searchParams.get("blank");
if(page){ *code to remove page.* }

Answer 1

尝试这样

var url_string = "https://example.com?blank=true "; //window.location.href
var url = new URL(url_string);
var blank = url.searchParams.get("blank");

if(blank){
  document.getElementsByTagName("body")[0].style.display = "none";


}

<body>

<p>this will be hidden</p>
</body>

Answer 2

使用jQuery

var blank = /(?<=blank=)[^&?]+/g.exec('https://example.com?blank=true')[0];
if(blank === 'true'){
    $('body').hide();
}else{
    $('body').show();
}

Answer 3

将您的html内容包装在这样的元素中

<html>
  <body>
     <div id="wrapper">
          <!-- ********your content here******** -->
     </div>
  </body>
</html>

将jquery代码用作

 $(document).ready(function() {
        var sPageURL = window.location.search.substring(1);
        var sURLVariables = sPageURL.split('=');
        if(sURLVariables[0]=="blank" && sURLVariables[1]=="true") 
           {$('#wrapper').css('display','none');}
        else{
            $('#wrapper').css('display','block');           
            }
    });

如何通过查询使页面空白？

3 个答案: