JS 有关获取宽、高的一些属性

冬虫草
Posted by 冬虫草 on 十二月 21, 2011
前端开发

网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth

 

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

 

分享到:

Tags:

15 条评论 to JS 有关获取宽、高的一些属性

  • lidayun lidayun 说:

    嗯,太有用了

  • Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом. Мы предлагаем: ремонт крупногабаритной техники в краснодаре Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом

  • sex porn mom 说:

    Exactly a week after daddy texted me with a different tone saying “ get your ass ready tonight cause daddy is coming to your place tonight.” He was usually really sweet and nice I was shot when I got the message. But automatically I said “ yes daddy” I guess I am a slutty whore for him right at the beginning as I knew my place where is always going to be inferior. polskie porno “I figured you did.” His father says. “You play on a team so you know the purpose of teamwork.”

  • gay sex porn 说:

    “Do it” His dad orders. “That you son?” A voice chimes in from the hallway.

  • “Thinkin’ ‘bout it.” He answers. “I want to show the world that I am a man like you. Father.” “This is what a man looks like son.” His father says as his pants fall to the floor. From his waist out pops his representation of a 40-year-old-man. And father of two teenage boys. His cock.

  • gay sex porn 说:

    “I managed to lift nearly two hundred today. I believe.” He explains. “But I strained a lot to do it. I was moaning. Groaning.” Garrett nods his head as he wraps the jock over his head and takes a hearty breathe of the pouch placed over his nose.

  • free porn sex 说:

    His father steps into the shower turning on the water. As he soaks and lathers himself up under the lukewarm stream of water he fondles his cock and balls. His cock soon mimics that of his son.

  • Профессиональный сервисный центр по ремонту Apple iPhone в Москве. Мы предлагаем: вызвать мастера по ремонту iphone Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом

  • nedlorb 说:

    8 0 V H S II 20 V H S I priligy online

  • Patreon 说:

    Stay informed on international affairs, policy changes, and athletic achievements.
    Our dedicated reporters deliver timely updates 24/7. Patreon

  • cytotec comprar I was regular but as a result of I misplaced lots of weight and felt too thirsty and urinate regularly I went to see a physician In the morning I tend to only have porridge oats with skimmed milk My higher i feel lightheaded when blood sugar is at 80 readings are usually pre breakfast although the degrees are coming down can doxycycline raise blood sugar Is it possible to get any graphical methodology of drink orange juice for low blood sugar say weekly or some times 10 days irregular days with NORMAL graphical lineSoas to verify and be precautionary by diabetic affected person itself Since diabetic food plan is restrictive you should change your view from focusing on the belongings you can t eat to focusing on all the delicious issues can doxycycline raise blood sugar you can eat

  • Кто ты есть на самом деле? В чем твое предназначение?
    В каком направлении лежит твой путь и
    как тебе по нему идти?
    Дизайн Человека расскажет об этом!

    - Приносит чувство согласия с собой – Даёт право быть собой –
    Даёт ощущение уникальности – Даёт опору на
    природные механизмы – Приносит чувство согласия с собой
    - Даёт ощущение целостности – Укрепляет доверие к себе –
    Уменьшает внутренние конфликты –
    Даёт конкретные рекомендации по принятию решений

    Типы известны нам, как: Манифестор, Рефлектор, Генератор и Проектор.
    Определить тип личности.

    Узнать тип. 4 типа людей. Дизайн Человека.

  • Кто ты есть на самом деле? В чем твое предназначение?
    В каком направлении лежит
    твой путь и как тебе по нему идти?

    Дизайн Человека расскажет об этом!

    - Даёт право быть собой – Позволяет жить в согласии со своей природой – Уменьшает внутренние конфликты
    - Помогает понять свои природные таланты и способности – Даёт право быть собой – Позволяет выстроить эффективную стратегию жизни
    и карьеры – Снимает давление социальных стереотипов – Приносит чувство согласия с собой – Даёт опору на природные механизмы

    Типы, Авторитет, Профиль, Центры,
    Каналы, Ворота, Планеты. Тип Личности

  • Наша мастерская предлагает высококачественный официальный ремонт ноутбуков с гарантией любых брендов и моделей. Мы понимаем насколько важны для вас ваши ноутбуки и готовы предложить сервис первоклассного уровня. Наши профессиональные техники проводят ремонтные работы с высокой скоростью и точностью используя только качественные детали что гарантирует надежность и долговечность проведенных ремонтов.Наиболее частые неисправности с которыми сталкиваются владельцы ноутбуков включают проблемы с жестким диском поврежденный экран неисправности программного обеспечения проблемы с портами и неисправности системы охлаждения. Для устранения этих проблем наши профессиональные техники выполняют ремонт жестких дисков экранов ПО разъемов и систем охлаждения. Обращаясь в наш сервисный центр вы обеспечиваете себе качественный и надежный сервисный центр по ремонту ноутбука.Подробная информация размещена на сайте: https://remont-noutbukov-first.ru

  • Telechargez gratuitement 888starz apk et decouvrez toutes ses fonctionnalites.

free porn sex 发表评论 取消回复

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>