window屬性：onresize

2018-05-25 13:52 更新

onresize屬性

該onresize屬性包含收到resize事件時觸發(fā)的EventHandler。

onresize屬性語法

window.onresize = funcRef;

參數(shù)

  • funcRef是對一個函數(shù)的引用。

onresize屬性示例

window.onresize = doFunc;
<html>
<head>

<title>onresize test</title>

</head>

<body>
<p>Resize the browser window to fire the resize event.</p>

<p>Window height: <span id="height"></span></p>
<p>Window width: <span id="width"></span></p>

<script type="text/javascript">
  var heightOutput = document.querySelector('#height');
  var widthOutput = document.querySelector('#width');

  function resize() { 
    heightOutput.textContent = window.innerHeight;
    widthOutput.textContent = window.innerWidth;
  }

  window.onresize = resize;
</script>
</body>
</html>

筆記

調(diào)整窗口大小后觸發(fā)resize事件。

規(guī)范

規(guī)范 狀態(tài) 注釋
HTML Living Standard 
在該規(guī)范中定義'onresize'。
Living Standard
 
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號