首页 > 其他分享 >JS---获取浏览器可视窗口的尺寸

JS---获取浏览器可视窗口的尺寸

时间:2024-09-27 22:18:54浏览次数:9  
标签:console log 100% window innerWidth JS --- innerHeight 浏览器

 

innerHeight 和 innerWidth
这两个方法分别是用来获取浏览器窗口的宽度和高度(包含滚动条的)
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body,html{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <script>
        console.log(window.innerHeight,innerHeight)
        console.log(window.innerWidth,innerWidth)
    </script>
</body>
</html>

标签:console,log,100%,window,innerWidth,JS,---,innerHeight,浏览器
From: https://blog.csdn.net/weixin_58694594/article/details/142602637

相关文章

  • JS---浏览器的弹出层常用方法
     window.alert("11111111111")<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname=&q......
  • 牛客练习赛129 A-数数
    复习一下埃氏筛,快速拿出n以内质数。该题要是一个一个去计算“偶数”会超时非常多。题意中”奇数“的本质是质数及质数的n次幂,所以先求出n以内所有质数及其n次幂的个数,就能计算出“偶数”的个数。1#include<bits/stdc++.h>2usingnamespacestd;3vector<bool>isPrime(......
  • 【2024计算机毕业设计】基于jsp+mysql+Spring+mybatis的SSM在线装潢家装材料进销存管
    运行环境:最好是javajdk1.8,我在这个平台上运行的。其他版本理论上也可以。IDE环境:Eclipse,Myeclipse,IDEA或者SpringToolSuite都可以,如果编译器的版本太低,需要升级下编译器,不要弄太低的版本tomcat服务器环境:Tomcat7.x,8.x,9.x版本均可操作系统环境:WindowsXP/7......
  • 【2024.09.27】NOIP2024 赛前集训-刷题训练(3)
    【2024.09.27】NOIP2024赛前集训-刷题训练(3)「NOIP2018提高组」铺设道路算法一:模拟正常人铺路的过程,每次找区间的最小值,最小值就是本次填的高度,由于出现了若干个0位置,就分裂成若干个子区间去重复上述过程,直到全部变成0。时间复杂度\(O(nlogn)\),瓶颈在预处理st表。算法二:若......
  • PARTV-Oracle实例架构-应用和网络架构
    16.应用和网络架构16.1.Oracle应用架构在本章的上下文中,应用架构指的是数据库应用程序连接到Oracle数据库的计算环境。16.1.1.客户端与服务端架构概述在Oracle数据库环境中,数据库应用程序和数据库被分离成客户端/服务器架构:客户端运行数据库应用程序,例如SQL*Plus或......
  • 练习2-飘落的花朵
    阅读以下代码并解释功能附加:替换花朵的形状和飘落的方向 <!DOCTYPEhtml>   <htmllang="zh">   <head>     <metacharset="UTF-8">     <metaname="viewport"content="width=device-width,initial-scale=1.......
  • Ant-design-vue Table 自定义列斑马纹效果
    在AntDesignVue的`Table`组件中,要实现自定义列的斑马纹效果,可以通过设置`rowClassName`属性来实现。以下是一个示例:```html<template> <a-table:data-source="data":rowClassName="rowClassName">  <a-table-columnv-for="columnincolumns":k......
  • ISO/IEC/IEEE 29119-1:2022(E) 系统与软件工程软件测试第1部分:概念和定义
    0前言国际标准化组织(ISOtheInternationalOrganizationforStandardization)和国际电工委员会(IECtheInternationalElectrotechnicalCommission)构成了世界标准化的专门体系。作为国际标准化组织或国际电工委员会成员的国家机构通过各自组织设立的技术委员会参与国际标准的......
  • 哔咔漫画官方下载最新版本-哗咔漫画app下载免费V8.7.7-猫扑网
    哔咔漫画简介:在数字娱乐日益丰富的今天,哔咔漫画App作为一款专为漫画爱好者打造的应用,以其丰富的资源、优质的服务和良好的用户体验,迅速赢得了广大用户的青睐。本文将带您深入了解哔咔漫画App的独特魅力,以及它如何成为二次元文化爱好者们不可或缺的阅读伙伴。哔咔漫画官方入口:http......
  • [CL-22] 异或和之和
    CL-22二进制拆分。对于枚举到的每一个二进制位\(i\),注意到其对答案的贡献只有\(0\)和\(2^{i}\)两种情况考虑什么时候贡献是\(2^i\),可以发现,当选入奇数个该位为\(1\)的数之后,对答案的贡献是\(2^{i}\)因此变成求选出奇数个为\(1\)的数的方案数设该位为\(1\)的数有......