javascript - Javascript根据屏幕宽度创建表格

Question

我有一个 940 像素宽的表格，目前包含我网站的所有内容。

使用 Javascript 我想测试一下浏览器的宽度是否大于 1240，如果是这样，在 a 中显示我现有的 940 像素宽的表格，<td>并在相邻<td>的 300 像素宽的表格中显示广告。

如果浏览器窗口小于 1240，那么我将只显示我现有的 940 像素宽的表格。

有没有办法测试宽度并设置一个标志，然后使用 Javascript 来测试该标志并包含或不包含我的<table> <tr> <td>结构？

Answer 1

您可以使用 javascript 加载不同的 CSS。

<script type = "text/javascript">
    function x(y) {
        var styles = y;
        var newSS = document.createElement('link');
        newSS.rel = 'stylesheet';
        newSS.href = 'data:text/css,' + styles;
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }

    if (screen.width >= 1240) {
        x('largeTable.css');
    }
    else {
        x('smallTable.css');
    }
</scipt>

来源：这个

编辑：这可能会帮助您完成您正在尝试做的事情。您可以使用 javascript 加载不同的 CSS。

   if (screen.width >= 1240) {
       document.getElementById('advert').style.display = 'none';
    }
</scipt>