javascript - Simulate browser resize on page first load - Stack Overflow

admin管理员组

文章数量:1331083

I have a dashboard web application. It contains some controls on it which are sized based on the browser and are also resizeable by the user. They are dynamically created and, as such, I persist their dimensions through page postbacks by storing their state in Session and in a database.

When my dashboard first loads there is a chance that I am pulling data out of the Database onto a monitor which is not the same size as when the data was written to the Database. The controls need to be resized proportional to how they were before. Fortunately, it appears that the controls are able to resize themselves to the correct, proportional dimensions if they believe they need to re-calculate their dimensions.

As such, on first page load, I would like to simulate the browser resizing. Is it possible to do something like this in javascript?

I have a dashboard web application. It contains some controls on it which are sized based on the browser and are also resizeable by the user. They are dynamically created and, as such, I persist their dimensions through page postbacks by storing their state in Session and in a database.

When my dashboard first loads there is a chance that I am pulling data out of the Database onto a monitor which is not the same size as when the data was written to the Database. The controls need to be resized proportional to how they were before. Fortunately, it appears that the controls are able to resize themselves to the correct, proportional dimensions if they believe they need to re-calculate their dimensions.

As such, on first page load, I would like to simulate the browser resizing. Is it possible to do something like this in javascript?

• javascript
• browser

Share Improve this question Follow asked Aug 8, 2011 at 22:50 Sean AndersonSean Anderson 29.4k3333 gold badges132132 silver badges242242 bronze badges 2

• 2 If using jQuery it's as easy as $(window).resize();. – Marcel Commented Aug 8, 2011 at 22:52
• 2 @marcel in javascript is as easy as window.onresize(); – amosrivera Commented Aug 8, 2011 at 22:55

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

The controls probably resize on window.onresize event. If you want to trigger this event you can do window.onresize(); after the page loads.

To wait for the apge to load you can add it to the window.onload event.

本文标签： javascriptSimulate browser resize on page first loadStack Overflow