HTML5 Onresize示例

<!DOCTYPE html>

 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" 

    <title>onresize event</title>

</head>

<body>

    <script type="text/javascript">

 

        function hello() {

            alert('Hi');

        }

 

        window.onresize = hello;

 

    </script>

    </head>

    <body>

        <input type="button"

            value="Click to show window.onresize"

            onclick="alert(window.onresize);">

    </body>

</html>

HTML5 Onresize语法

//将onresize设置为匿名函数
window.onresize = function(){alert('Window resized')}

//将onRisize设置为函数引用
function hello(){alert('Hi')}

window.onresize = hello;

//显示window.onresize的值
alert(window.onresize);

在html5中onresize事件属性

当要运行的脚本(在调整浏览器窗口时经常使用onresize属性时,通常会调整窗口。

onresize返回元素的onResize事件处理程序代码。
它还用于设置在发生调整大小事件时要执行的代码。

只有window对象有一个onresize事件。

注意:任何元素都可以给出onResize属性,但只有窗口对象具有调整大小的事件。
调整其他元素的大小将不会引发调整大小事件。

在html5中onresize事件属性
日期:2020-04-11 23:04:19 来源:oir作者:oir