Javascript教程 获取当前窗口的尺寸

2025-05-10 02:20:26

1、新建一个 Window.html 文件,如图所示:

Javascript教程 获取当前窗口的尺寸

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

Javascript教程 获取当前窗口的尺寸

3、输入网页结构的头部和主体,设置title为:获取当前窗口的尺寸,如图所示:

Javascript教程 获取当前窗口的尺寸

4、输入代码: var str = <h2>当前窗口的尺寸</h2>,如图所示:

Javascript教程 获取当前窗口的尺寸

5、使用 window.outerWidth 属性获取当前窗口的宽度,如图所示:

Javascript教程 获取当前窗口的尺寸

6、使用 window.outerHeight 属性获取当前窗口的高度,如图所示:

Javascript教程 获取当前窗口的尺寸
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢