jquery $(window) 和$(document)的实践

  1. $(window).scrollTop() 和$(document).scrollTop()得出的结果是一样的
    • $(window).height()得到的浏览器的窗口的高度,随着窗口大小改变而改变。(在文档加载完成之后使用)
    • $(document).height()得出的是文档的高度,这个高度

    • $(window).width()得到的浏览器的窗口的宽度,

      ;gutter:true;"><li>$(document).width()得出的是文档的宽度,当窗口

      大于

jquery $(window) 和$(document)的实践

时间: 2024-11-14 03:30:52

jquery $(window) 和$(document)的实践的相关文章

javascript中window与document对象、setInterval与setTimeout定时器的用法与区别

一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.setInterval与setTimeout定时器的用法与区别.讲得不对的地方,烦请大家指正,还望前辈.大牛多多指教! 二.window对象与document对象的用法和区别 window是全局对象,document是window对象的一个属性它也是一个对象.如图: document对象指的页面这个文档

window、document、html、body、element的事件属性比较

在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在. jQuery的绑定方式是使用浏览器的绑定绑定方法 if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( el

window.jQuery || document...

window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 window.jQuery呢?你可以试试,直接jQuery然后回车,会报一个错误.而window.jQuery只是返回undefined而已. 接下来是||运算符,这是"或"运算比如 c = a || b当且仅当 a和b同时为"假值"时,c才为false.那么当a时&

$(window)和$(document)

注意:本次测试采用的jquery1.9.1的版本 1. $(window).scrollTop() 和$(document).scrollTop()得出的结果是一样的 2.  $(window).height()得到的浏览器的窗口的高度,随着窗口大小改变而改变.(在文档加载完成之后使用) $(document).height()得出的是文档的高度,这个高度`不会跟随窗口大小改变` 3. $(window).width()得到的浏览器的窗口的宽度,`随着窗口大小改变而改变`. $(document

jQuery下 $(window)和$(document)的width、height方法值得区别

在没有垂直滚动条的时候 $(window)和$(document) 的宽高一致在有垂直滚动条的时候 $(window)和$(document) 的宽度一致 window的高度为可视区域的高度,document为整个html文档的高度(包含margin padding border就是总的) 在没有水平滚动条的时候 $(window)和$(document) 的宽高一致在有水平滚动条的时候 $(window)和$(document) 的高度一致window的宽度为可视区域的宽度,document

onload事件和window,document,body的研究

今天在工作中用到了onload事件,发现了一些有趣的事情,比如一般来说,如果我们需要给一个DOM结构绑定一个事件,我们一般会采用如下方法(以Window对象为例): [现象] window.onload = function() { console.log('<span style="font-family: Arial, Helvetica, sans-serif;">window.onload</span><span style="font-

js对象之window和document区别

window是整个页面的全局环境,而document可以理解为整个页面这个最大的元素(整个dom树) window: 可以看到window下面有很多变量 document: 可见document是整个dom树了

JS window与document

开头语:嗯~~~~~~~~~ 正文如下 一.window window是Javascript中的最高级对象,它是document.location和history对象的父对象.正因为window是一个很高级的对象,所以通常在JavaScript代码编写中应用它的方法.属性时我们并不是必须写出window对象,如引用window的parent属性时:window.parent可以简单写成parent. Window 对象表示一个浏览器窗口或一个框架.在客户端 JavaScript 中,Window

JS获取上一访问页面URL地址document.referrer实践2

一.JS获取前一个访问页面的URL地址document.referrer 要获取前一个访问页面的URL地址前后端语言都可以,例如PHP的是$_SERVER['HTTP_REFERER'],JavaScript的就是document.referrer. 我们平常开发,虽然和URL打交道也算比较频繁,但是,似乎很少使用document.referrer.我起初以为是兼容性不好,后来测试发现ie7都支持,那就奇怪了,为何document.referrer用的不多呢? 我想了一下,可能有下面几个原因: