编辑表设计以响应Javascript启用/禁用

Editing Table design in response to Javascript enable/disable

本文关键字：Javascript 启用 禁用 响应 编辑      更新时间：2023-09-26

如果我有一个HTML表，它有三行，每行4个单元格，并且我想根据脚本是否可用来更改第三行的单元格数。我的主要目标是改变菜单的位置。原因是，如果禁用Javascript，我希望第二行的第二个单元格填充一个简单的菜单，该菜单没有任何下拉菜单，并且是从上到下运行的老式菜单。如果用户有Javascript，我希望页面使用一个从左到右运行的Javascript菜单栏ontop。第二行的第二个单元格包含页面内容，但如果启用了Javascript，并且我不需要左侧的老派菜单，那么我希望内容同时占据第二行单元格，以删除菜单所在的空间。

我尝试在创建第二行时使用<script><noscript>标签，如下所示：

    <Noscript>
        <TR> 
            <TD></TD>
            <TD></TD>
            <TD></TD> 
            <TD></TD>
        </TR>
    </noscript>
    <Script> 
        <TR> 
            <TD></TD>
            <TD colspan=2></TD>
            <TD></TD>  
        </TR>
    </script>

当我禁用Javascript时，它给出了预期的结果，但当我启用Javascript时我会出现语法错误，可能是因为这不是实现它的方法。整个现有网站都是在一张表上完成的，改变布局方法并不是我的第一选择。有人有这样做的经验吗？或者有解决方案吗？

我不能100%确定我明白你在追求什么，但现在。。。

我建议在两个TR上都放一个不同的类（只有启用JavaScript时才应该显示的类和默认的类），并将只有启用JS时才会显示的类设置为css中的"display:none"。

如果启用了JavaScript，只需将TR设置为"display:block"（或静态），将另一个TR（默认值）设置为"display：none"。

相关文章：