window.onresize使用实例

最新推荐文章于 2023-03-10 20:29:24 发布

weixin_30824277

最新推荐文章于 2023-03-10 20:29:24 发布

阅读量125

点赞数

原文链接：http://www.cnblogs.com/wood2012/p/7896572.html

版权

<!DOCTYPE html>
<html>
<head>
    <title>请调整浏览器窗口</title>
    <meta charset="UTF-8">
</head>
<body>
    <h2 align="center">请调整浏览器窗口大小</h2>
    <hr>
    <form action="#" method="get" name="form1" id="form1">
        <!-- 显示浏览器窗口的实际尺寸 -->
        浏览器窗口的实际高度: <input  id="height" type="text" name="availHeight" size="4"><br> 
        浏览器窗口的实际宽度: <input  id="width"  type="text" name="availWidth"  size="4"><br>
    </form>

    <script>
        document.getElementById('height').value = window.outerHeight + "px";
        document.getElementById('width').value = window.outerWidth + "px";

        window.onresize=function(){
            document.getElementById('height').value = window.outerHeight + "px";
            document.getElementById('width').value = window.outerWidth + "px";
        };
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/wood2012/p/7896572.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30824277

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.onresize使用实例

<!DOCTYPE html><html><head> <title>请调整浏览器窗口</title> <meta charset="UTF-8"></head><body> <h2 align="center">请调整浏览器窗口大小<...
复制链接

扫一扫