在檢測窗口寬度後顯示javascript和php內部的代碼

我想要一些這種類型的編碼爲我的用戶，如果寬度小於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>

來源

2015-09-28 Amy

我不知道你的問題想說什麼，但它聽起來像你應該使用CSS媒體查詢：https：//developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –

即時通訊如果窗口寬度小於1000像素，然後顯示不同的設計和PHP值，如果窗口寬度超過1000px，然後顯示不同的HTML設計和PHP值。但我的HTML標記和PHP不工作在JavaScript如果其他循環 – Amy

你應該肯定會使用CSS媒體查詢 - 這是他們設計的目的。您當前的模式不可能工作。 –

如果您想要應用一些依賴於瀏覽器大小的css，則需要使用媒體查詢。

因爲你混合客戶端和服務器端的代碼，如果你仍然想使用JavaScript檢查以下

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

一些鏈接代碼，你可能需要閱讀您的腳本將無法工作：

注意：如果你想執行取決於瀏覽器寬度的PHP代碼，你需要進行AJAX調用。

來源

2015-09-28 08:08:05 Robert

是這個警報正在工作，但我想顯示HTML和PHP編碼我該怎麼辦？ – Amy

您需要進行AJAX調用。這取決於邏輯，如果你有相同的數據，但你需要改變佈局，那麼最好使用媒體查詢和RWD，如果你需要不同的數據，然後使AJAX調用 – Robert

是否有任何其他方式來做窗口寬度在PHP函數中，它容易爲我做，如果PHP可以 – Amy

在檢測窗口寬度後顯示javascript和php內部的代碼

回答

相關問題