Maison développement back-end tutoriel php 怎么获取浏览器的宽度

怎么获取浏览器的宽度

Jun 13, 2016 pm 01:30 PM
document getelementbyid height quot style

如何获取浏览器的宽度
具体使用方法是怎样的?

------解决方案--------------------

JScript code

//JS调整页面高度
document.getElementById("leftMenu").style.height=window.screen.availHeight;//菜单导航高度等于浏览器高度;
document.getElementById("rightMessage").style.height=window.screen.availHeight;//右边信息高度等于浏览器高度;
document.getElementById("leftMenu").style.height=document.getElementById("rightMessage").style.height;//使左右两边高度相等;

//在div中使用高度百分比时,要设置div的父元素都是100%
<br><font color="#e78608">------解决方案--------------------</font><br>HTML DOM innerheight、innerwidth 属性<br>只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。<br>这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。<br>IE 不支持这些属性。它用 document.documentElement 或 ducument.body (与 IE 的版本相关)的 clientWidth 和 clientHeight 属性作为替代。<br><br><br>这些问题去问w3school都是有答案的,别懒,越懒错过的越多。 <div class="clear">
                 
              
              
        
            </div>
Copier après la connexion
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment modifier element.style Comment modifier element.style Nov 24, 2023 am 11:15 AM

Méthodes permettant à element.style de modifier les éléments : 1. Modifier la couleur d'arrière-plan de l'élément ; 2. Modifier la taille de la police de l'élément ; 3. Modifier le style de bordure de l'élément ; . Modifier l'alignement horizontal de l'élément. Introduction détaillée : 1. Modifiez la couleur d'arrière-plan de l'élément, la syntaxe est "document.getElementById("myElement").style.backgroundColor = "red";" 2. Modifiez la taille de la police de l'élément, etc.

Comment modifier dynamiquement le style en réaction Comment modifier dynamiquement le style en réaction Dec 28, 2022 am 10:44 AM

Méthodes pour réagir pour modifier dynamiquement le style : 1. Ajoutez une référence à l'élément dont le style doit être modifié, avec une syntaxe telle que "<div className='scroll-title clear-fix' ref={ this.manage }>" ; . Grâce au contrôle dynamique Le changement d'état modifie le style de l'élément ; 3. En utilisant le code JS dans le DOM, l'affichage et le masquage des transitions des différents DOM sont réalisés.

Quelles sont les nouvelles fonctionnalités du style Vue3 et comment les utiliser Quelles sont les nouvelles fonctionnalités du style Vue3 et comment les utiliser May 14, 2023 pm 10:52 PM

Nouvelles fonctionnalités du style La version Vue3.2 a apporté de nombreuses mises à niveau au style des composants à fichier unique, tels que les styles locaux, les variables CSS et les styles exposés aux modèles. (Partage vidéo d'apprentissage : tutoriel vidéo vue) 1. Style local Lorsque l'étiquette a un attribut scoped, son CSS ne sera appliqué qu'aux éléments du composant courant : hi.example{color:red;} 2. Le sélecteur de profondeur est scoped Si le sélecteur du style souhaite effectuer une sélection plus "profonde", c'est-à-dire affecter les sous-composants, vous pouvez utiliser la pseudo-classe :deep() : .a:deep(.b){/*.. .*/ }Le contenu DOM créé via v-html ne sera pas

Le document GTA 6 donne un aperçu détaillé de toutes les fuites Le document GTA 6 donne un aperçu détaillé de toutes les fuites Sep 08, 2024 am 06:37 AM

Le 3 septembre sort la version 1.5 du document Grand Theft Auto VI qui donne un aperçu détaillé de tout ce que l'on sait sur le jeu à ce jour. La version mise à jour du document a été annoncée dans une bande-annonce publiée sur X (anciennement Twitter).???

Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Aug 26, 2023 pm 10:58 PM

Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Dans le développement de Vue, nous utilisons souvent la directive v-bind pour lier dynamiquement la classe et le style, mais nous pouvons parfois rencontrer des problèmes, comme l'incapacité d'utiliser correctement v-bind pour lier la classe et le style. Dans cet article, je vais vous expliquer la cause de ce problème et vous proposer une solution. Tout d’abord, comprenons la directive v-bind. v-bind est utilisé pour lier V

Comment résoudre le problème selon lequel document.cookie ne peut pas être obtenu Comment résoudre le problème selon lequel document.cookie ne peut pas être obtenu Nov 23, 2023 am 10:02 AM

Solutions pour document.cookie non obtenues : 1. Paramètres de confidentialité du navigateur ; 2. Politique de même origine ; 3. Cookie HTTPOnly ; 4. Erreur de code JavaScript ; 5. Le cookie n'existe pas ou expire ; . Mode Viewer ; 8. Problèmes de serveur ; 9. Calendrier d'exécution de JavaScript ; 10. Vérifier le journal de la console, etc.

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Explication détaillée des propriétés des dimensions CSS : hauteur et largeur Explication détaillée des propriétés des dimensions CSS : hauteur et largeur Oct 21, 2023 pm 12:42 PM

Explication détaillée des propriétés des dimensions CSS : hauteur et largeur Dans le développement front-end, CSS est un puissant langage de définition de style. Parmi eux, la hauteur et la largeur sont les deux attributs de dimension les plus élémentaires, utilisés pour définir la hauteur et la largeur de l'élément. Cet article analysera ces deux propriétés en détail et fournira des exemples de code spécifiques. 1. Attribut Height L'attribut height est utilisé pour définir la hauteur d'un élément. Vous pouvez utiliser le pixel, le pourcentage ou

See all articles