隐藏导航栏，同时在新窗口中打开

Question

我正在创建一个网页，我将在其中显示一个 div 内的表格。我有一个称为全视图的按钮。当我单击该按钮时，只有该 div 应显示在新窗口中。所有其他的都应该隐藏起来。只应显示 div 和其中的表格。这就是我尝试在新窗口中显示的方式：

    <?php include("include-this/nav-bar.php"); ?>

<div class="panel panel-default" id="dash_div">
        <div class="panel-heading">
            Final
            <div id="contract_toolbar" name="contract_toolbar" class="btn-group pull-right">
                <button id="full_view" name="full_view" type="button" class="btn btn-info btn-sm" onclick="window.open('#dash_div', '_blank')">


Full View
                </button>
            </div>
        </div>
        <div class="panel-body">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table_dashboard" class="table table-striped table-bordered hide">
                <thead>
                    <tr>
                        <th></th>
                        <th>Total number</th>
                        <th>Total Value</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>  
    <script type="text/javascript" language="javascript">
    $(document).ready(function() {

            var input_report = jQuery("#input_report").val();
            //var table_id = "#table_report_" + input_report;
            alert(input_report);
            jQuery("#table_dashboard").removeClass("hide").addClass("show");
            jQuery("#table_dashboard").DataTable( {
                dom: "<'row'<'col-sm-12'Bftri>>" + "<'row'<'col-sm-4'l><'col-sm-8'p>>",
                paging: false,
                ajax: "db.php?report=" + input_report,
            });
        });

我在第一行包含了导航栏。当我单击完整视图按钮时，div 会在新窗口中与导航栏一起打开。但是，我不想那样。我只想显示 div。我不知道该怎么做才能隐藏那个导航栏。谁能告诉我在新窗口中打开 div 时如何隐藏它？

Answer 1

将onclick="window.open('#dash_div', '_blank')" 更改为onclick="openWindow('#dash_div');" 并将此功能添加到您的 JS：

function openWindow(hash) {
    var openedWindow = window.open(hash, '_blank');
    openedWindow.document.getElementsByClassName('panel-heading')[0].style.display='none';
}