Javascript根据屏幕宽度创建表格答案

【问题标题】：Javascript to create table based on screen widthJavascript根据屏幕宽度创建表格
【发布时间】：2012-06-25 12:18:51
【问题描述】：

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

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

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

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

【问题讨论】：

只是一个提示：document.documentElement.clientWidth ...

标签： javascript html browser html-table width

【解决方案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>

来源：this

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

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

【讨论】：

我希望创建一些内部代码，而不是使用 css.. 有没有这种方式？
是的。你也可以这样做......编辑答案。