在检测窗口宽度后显示HTML和PHP代码 - show html and php code inside javascript after detection width of window

show html and php code inside javascript after detection width of window

本文关键字：HTML PHP 代码显示检测窗口 | 更新日期: 2023-09-27

我想为我的用户编写一些这种类型的代码如果宽度小于1000我将显示移动设计否则显示桌面设计但不能在Javascript中运行HTML和PHP if else loop

<script type="text/javascript">
    if ($(window).width() > 1000) { 
        <html>
            <head></head>
            <body>
                <?php echo $a ;  ?>
            </body>
        </html>
    } else {
        <html>
            <head></head>
            <body>
                <?php echo $b ;  ?>
            </body>
        </html>
    }
</script>

如果你想应用一些取决于浏览器大小的css，你需要使用媒体查询。

你的脚本将无法工作，因为你混合了客户端和服务器端代码，如果你仍然想使用javascript，然后检查下面的代码

if (window.innerWidth > 500) {
   alert('above 500');   
} else {
   alert('below or equal to 500');   
}

一些你可能想要阅读的链接:

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
http://getbootstrap.com/2.3.2/scaffolding.html

注意:如果你想执行PHP代码依赖于浏览器的宽度，你需要做AJAX调用。