資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究什麼是 JavaScript 中的跨瀏覽器視窗調整大小事件？
對於 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>
更新日期： 16-06-2020
209 次瀏覽
廣告