2015-09-28 30 views
0

我想要一些这种类型的编码为我的用户,如果宽度小于1000我会显示移动设计,否则显示桌面设计,但不能运行HTML和PHP内Javascript if if loop在检测窗口宽度后显示javascript和php内部的代码

<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> 
+0

我不知道你的问题想说什么,但它听起来像你应该使用CSS媒体查询:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –

+0

即时通讯如果窗口宽度小于1000像素,然后显示不同的设计和PHP值,如果窗口宽度超过1000px,然后显示不同的HTML设计和PHP值。但我的HTML标记和PHP不工作在JavaScript如果其他循环 – Amy

+1

你应该肯定会使用CSS媒体查询 - 这是他们设计的目的。您当前的模式不可能工作。 –

回答

0

如果您想要应用一些依赖于浏览器大小的css,则需要使用媒体查询。

因为你混合客户端和服务器端的代码,如果你仍然想使用JavaScript检查以下

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

一些链接代码,你可能需要阅读您的脚本将无法工作:

注意:如果你想执行取决于浏览器宽度的PHP代码,你需要进行AJAX调用。

+0

是这个警报正在工作,但我想显示HTML和PHP编码我该怎么办? – Amy

+0

您需要进行AJAX调用。这取决于逻辑,如果你有相同的数据,但你需要改变布局,那么最好使用媒体查询和RWD,如果你需要不同的数据,然后使AJAX调用 – Robert

+0

是否有任何其他方式来做窗口宽度在PHP函数中,它容易为我做,如果PHP可以 – Amy