在頁面加載

Question

的JavaScript window.onresize我有一個腳本，顯示不同的內容取決於屏幕尺寸，它看起來像這樣：

window.onresize = function(event) { 
if ((window.innerWidth > 750 && window.innerWidth < 1250)) { 

//Do something 

}} 

上述作品精絕當重新大小的瀏覽器。我的問題是，如果用戶用750的窗口寬度打開頁面，我怎麼能得到上述的工作？

我剛纔測試了這一點，顯然是不會觸發事件，直到瀏覽器的尺寸重新調整，這是造成上述不工作

Answer 1

var onResizing = function(event) { 
if ((window.innerWidth > 750 && window.innerWidth < 1250)) { 

//Do something 

}}; 

window.onresize = onResizing; 
window.onload = onResizing; 

Answer 2

使用jQuery：

$(document).ready(function(){ 
    if (window.innerWidth == 750) { 
    // Do something 
    } 
}); 

Answer 3

「onresize」函數是一個事件監聽器，當用戶調整頁面大小時觸發。爲了讓你的代碼在頁面加載時運行，你需要設置它來觸發頁面加載事件（因爲頁面加載事件與resize事件不同）。

window.onload = function(event) { 
    if ((window.innerWidth > 750 && window.innerWidth < 1250)) { 
     //Do something 
    } 
}