javascript - 根據初始JavaScript條件輸出不同的html和js

Question

我正在處理一些奇怪的登錄代碼，這是一些公司的專有代碼。他們已經基本上用JavaScript編寫了所有的登錄信息，並將其卡在一個奇怪的文件類型中，該文件類型與某個.dll文件進行通信，基本上我不瞭解這些。

所以基本上我必須在特定文件的範圍內工作，而我想要做的是檢測px中用戶瀏覽器窗口的寬度，並且如果它低於某個數字，則輸出特定的html和javascript。

否則我輸出稍微不同的html和javascript組合。

在php中，這是沒有問題的，因爲我可以將它包裝在if循環中。但我不能用JavaScript做同樣的事情。

我有什麼選擇？

Answer 1

使用innerWidth檢測瀏覽器窗口的寬度。

var width = window.innerWidth; 

if(width < 1366 && width > 1024) { 
    // under 1366, but below 1024 
} 
else if(width < 1024) { 
    // under 1024 
} 
else { 
    // if its bigger 
} 

innerWidth不包括瀏覽器窗口的工具欄或滾動條，如果你想有他們太多，使用outerWidth，而不是

編輯：

var styles; 
if(width < 1366 && width > 1024) { 
    styles = 'width:15px'; 
} 
else if(width < 1024) { 
    styles = 'width:20px'; 
} 
else { 
    styles = 'width:10px'; 
} 

document.getElementById('content').innerHTML = '<div style="' + styles + '">Hello!</div>';