Javascript 如何使用document.write之类的工具，在需要时显示包含内容的表？

我需要显示不同的内容时，屏幕宽度小于768px和正常

我试过类似的方法，但不起作用：

<script>
if(screen.width <= '768') 
{ 
document.write( '<table class="small-tbl"> ... </table>' ); 
} 
else  
{ 
document.write( '<table class="beeg-tbl"> ... </table>' ); 
} 
</script>

如果（屏幕宽度<代码>
$（文档）.ready（函数（）{
$（“.cart tbl small”）.hide（）；
$（“.cart tbl beeg”）.hide（）；
});
var windowSize=$（window.width（）；
$（文档）.ready（函数（）{
如果（窗口大小）什么是“它不工作”意思是？没有表出现吗？只有一个或另一个出现了？我看不出为什么你提供的东西根本不起作用。CSS媒体查询不是为这个做的吗？这看起来很好。虽然你可能想考虑使用内层HTML而不是试图把它全部放在if语句中。不要使用文档。写。参见：@ USE3526229：没有道理。是的，桌子出现了，或者没有出现。
     <script>
    $(document).ready(function(){
     $( ".cart-tbl-small" ).hide();
     $( ".cart-tbl-beeg" ).hide();
     });
         </script>
             <script>
                var windowSize = $(window).width();
     $(document).ready(function(){
     if(windowSize <= '768') 
{ 
$( ".cart-tbl-small" ).show();
} 
else  
{ 
$( ".cart-tbl-beeg" ).show();
} 
     });
     </script>