Refresh Your webpage on window width change using Javascript

you can refresh your webpage when you change the width of your browser using following logic,

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>refresh</title>
</head>
<body>

<script>

var prev_width…


This content originally appeared on DEV Community and was authored by keshavs759

you can refresh your webpage when you change the width of your browser using following logic,

<!DOCTYPE html>
<html lang="en">
<head>
  <title>refresh</title>
</head>
<body>

  <script>

var prev_width = window.innerWidth;

function reportWindowSize() {
  var new_width = window.innerWidth;
  if(prev_width!==new_width){
    window.location = window.location;
  }
}

window.onresize = reportWindowSize;

    </script>
</body>
</html>


This content originally appeared on DEV Community and was authored by keshavs759


Print Share Comment Cite Upload Translate Updates
APA

keshavs759 | Sciencx (2021-11-01T16:58:05+00:00) Refresh Your webpage on window width change using Javascript. Retrieved from https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/

MLA
" » Refresh Your webpage on window width change using Javascript." keshavs759 | Sciencx - Monday November 1, 2021, https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/
HARVARD
keshavs759 | Sciencx Monday November 1, 2021 » Refresh Your webpage on window width change using Javascript., viewed ,<https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/>
VANCOUVER
keshavs759 | Sciencx - » Refresh Your webpage on window width change using Javascript. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/
CHICAGO
" » Refresh Your webpage on window width change using Javascript." keshavs759 | Sciencx - Accessed . https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/
IEEE
" » Refresh Your webpage on window width change using Javascript." keshavs759 | Sciencx [Online]. Available: https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/. [Accessed: ]
rf:citation
» Refresh Your webpage on window width change using Javascript | keshavs759 | Sciencx | https://www.scien.cx/2021/11/01/refresh-your-webpage-on-window-width-change-using-javascript/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts