`
webcode
  • 浏览: 5954983 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jQuery获得网页基本信息

 
阅读更多
获取浏览器和页面文档的宽度和高度


//获取浏览器显示区域的高度
$(window).height();
//获取浏览器显示区域的宽度
$(window).width();

//获取页面的文档高度
$(document.body).height();
//获取页面的文档宽度
$(document.body).width();

获取滚动条的位置
复制代码 代码如下:

//获取滚动条到顶部的垂直高度
$(document).scrollTop();
//获取滚动条到左边的垂直宽度
$(document).scrollLeft();

计算位置和偏移量
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含top和left两个属性。
offset(options, results)
options.relativeTo  指定相对计算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll  是否把滚动条计算在内,默认TRUE
options.padding  是否把padding计算在内,默认false
options.margin  是否把margin计算在内,默认true
options.border  是否把边框计算在内,默认true
分享到:
评论

相关推荐

    JQuery权威指南源代码

    使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤选择器 使用jQuery属性过滤选择器 使用jQuery子元素过滤选择器 使用jQuery表单对象属性...

    jQuery权威指南-源代码

    1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jQuery权威指南366页完整版pdf和源码打包

    前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2...

    极果网站,html+css静态页面,jquery的ajax获取数据,少量的js操作

    极果网站,一个适合学生学习前端期间使用的项目,包含了html搭的网页结构,less写的基本样式,jquery的ajax获取接口中的数据,js实现简单的页面跳转和首页的商品轮播事件。 包含的知识:注册和登录,页面跳转,图片...

    javascript_starter:javascriptjQuery网页的基本文件夹结构,其中包括Mocha和Chai作为测试框架

    并且对jQuery有依赖性。合法的版权所有(c)2015 Brian Borealis 该软件已获得MIT许可。 特此免费授予获得此软件和相关文档文件(“软件”)副本的任何人无限制地处理软件的权利,包括但不限于使用,复制,修改,...

    jQuery 选择器、DOM操作、事件、动画

    如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable=jQuery对象 选择器 1, 判断页面是否存在某元素:if($(“#tt”).length>0){} 或者if($(“#tt”)[0]){}; 2, 基本选择器 $(“#test”) ...

    Jquery day3.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    Jquery day2.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...

    Jquery第01天.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    jquery第04天.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    jquery第03天.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    Jquery第02天.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    Jquery day4.zip

    无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念...

    HTML5 jQuery JS通过微信连接WIFI实例.rar

    //获取时间戳  var extend = "extend";//唤起微信时的参数,但是对于基础开发没什么用,高级开发还没有弄明白  var authUrl = "http://wifi.weixin.qq.com/assistant/wifigw/auth.xhtml?httpCode=200";//这个链接...

    网页设计::artist_palette:有关CSS,Bootstrap,jQuery和React的注释的整理,链接到其他存储库和基本CSS3动画

    应用程序是一个基本的社交媒体应用程序,它使用多个RESTful API来获取用户和数据数据,然后再使用React渲染它们。 网页 存储库包含一些实践网页的列表,这些网页是在此存储库中的注释的帮助下设计的。 React钢琴 是...

    ajax 实现微信网页授权登录的方法

    项目背景 因为项目采用前后端完全分离方案,所以,无法使用常规的微信授权登录作法,需要采用 ajax 实现微信授权登录。 需求分析 因为本人是一个phper ,所以,... 通过网页授权access_token和openid获取用户基本信

Global site tag (gtag.js) - Google Analytics