0

現在、Web サイトのすべてのコンテンツを含む 940 ピクセル幅のテーブルがあります。

Javascript を使用して、ブラウザの幅が 1240 より大きいことを確認したいと思います。その場合、既存の幅 940 ピクセルのテーブルを に表示し、幅 300 ピクセルの<td>隣接するテーブルに広告を表示します。<td>

ブラウザー ウィンドウが 1240 未満の場合、既存の 940 ピクセル幅のテーブルを表示するだけです。

<table> <tr> <td>幅をテストしてフラグを設定し、Javascript を使用してそのフラグをテストし、構造を含めるか含めないかをテストする方法はありますか?

4

1 に答える 1

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>
于 2012-06-23T11:20:03.423 に答える