Javascript教程 获取窗口的高度和宽度

 时间:2026-04-23 06:14:37

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

Javascript教程 获取窗口的高度和宽度

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

Javascript教程 获取窗口的高度和宽度

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

Javascript教程 获取窗口的高度和宽度

4、输入p标签,id名称为demo,作用:用来显示窗口的高度和宽度,如图所示:

Javascript教程 获取窗口的高度和宽度

5、定义一个js脚本函数getWidthHeight(),作用:获取窗口的高度和宽度,如图所示:

Javascript教程 获取窗口的高度和宽度

6、使用button标签定义一个按钮,并且使之与getWidthHeight()相关联,如图所示:

Javascript教程 获取窗口的高度和宽度

  • phpStudy学习之 如何用Mysqlfront 管理数据库
  • SAP SD如何按照装运点定义交货运输计划时间
  • 相机镜头脏了怎么办
  • 电脑recovery模式怎么开机?
  • 蓝牙信标Beacon蓝牙道钉的安装方式
  • 热门搜索
    介休旅游 夏天去哪里旅游比较好 死海旅游 太原旅游景点大全 旅游营销策划方案 石家庄附近旅游景点 河南旅游局 冬季九寨沟旅游攻略 张家界最佳旅游时间 徐州旅游团