window.onresize使用实例

最新推荐文章于 2023-06-01 18:17:11 发布

wood2016

最新推荐文章于 2023-06-01 18:17:11 发布

阅读量5.1k

点赞数

分类专栏： Javascript基础

本文链接：https://blog.csdn.net/wood2016/article/details/77435880

版权

Javascript基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wood2016

关注关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html><head> <title>请调整浏览器窗口</title> <meta charset="UTF-8"></head><body> <h2 align="center">请调整浏览器窗口大小</h2> <hr> <form action="#" method="get" name="form1" id="fo
复制链接

扫一扫