什么是 JavaScript 中的跨浏览器窗口调整大小事件?
javascriptweb developmentfront end technology
对于 JavaScript 中的窗口调整大小事件,请使用 addEventListener()。以下代码将为您提供当前窗口的大小 −
示例
<!DOCTYPE html> <html> <head> <style> div { margin-top: 10px; padding: 10px; background-color: #1E9E5D; width: 50%; } span { font-size: 50px; } </style> <script> window.addEventListener('resize', display); function display() { document.querySelector('.width').innerText = document.documentElement.clientWidth; document.querySelector('.height').innerText = document.documentElement.clientHeight; } display(); </script> </head> <div> <span>Width= <span class="width"></span></span><br /> <span>Height= <span class="height"></span></span> </div> </body> </html>