全⾯解析jQuery中的$（window）与$（document）的⽤
法区别
[window对象]
它是⼀个顶层对象,⽽不是另⼀个对象的属性，即表⽰浏览器中打开的窗⼝。
1、属性
  defaultStatus 缺省的状态条消息
  document 当前显⽰的⽂档(该属性本⾝也是⼀个对象)
  frame 窗⼝⾥的⼀个框架((FRAME>)(该属性本⾝也是⼀个对象)
frames array 列举窗⼝的框架对象的数组，按照这些对象在⽂档中出现的顺序列出(该属性本⾝也是⼀个
对象)
history 窗⼝的历史列表(该属性本⾝也是⼀个对象)
length 窗⼝内的框架数
location 窗⼝所显⽰⽂档的完整(绝对)URL(该属性本⾝也是⼀个对象)不要把它与如document.location
混淆，后者是当前显⽰⽂档的URL。⽤户可以改变window.location(⽤另⼀个⽂档取代当前⽂档)，但却不能改变document.location (因为这是当前显⽰⽂档的位置)
name 窗⼝打开时，赋予该窗⼝的名字
opener 代表使⽤window.open打开当前窗⼝的脚本所在的窗⼝(这是Netscape Navigator 3.0beta 3所引
⼊的⼀个新属性)
parent 包含当前框架的窗⼝的同义词。frame和window对象的⼀个属性
self 当前窗⼝或框架的同义词
status 状态条中的消息
top 包含当前框架的最顶层浏览器窗⼝的同义词
window 当前窗⼝或框架的同义词，与self相同
  2、⽅法
alert() 打开⼀个Alert消息框
  clearTimeout() ⽤来终⽌setTimeout⽅法的⼯作
  close() 关闭窗⼝
  confirm() 打开⼀个Confirm消息框,⽤户可以选择OK或Cancel，如果⽤户单击OK，该⽅法返回true，单击
Cancel返回false
  blur() 把焦点从指定窗⼝移开(这是Netscape Navigator 3.0 beta 3引⼊的新⽅法)
  focus() 把指定的窗⼝带到前台(另⼀个新⽅法)
  open() 打开⼀个新窗⼝
  prompt() 打开⼀个Prompt对话框,⽤户可向该框键⼊⽂本，并把键⼊的⽂本返回到脚本
  setTimeout() 等待⼀段指定的毫秒数时间，然后运⾏指令事件处理程序事件处理程序
  Onload() 页⾯载⼊时触发
  Onunload() 页⾯关闭时触发[document 对象]
  该对象是window和frames对象的⼀个属性，是显⽰于窗⼝或框架内的⼀个⽂档。
  1、属性
  alinkColor 活动链接的颜⾊(ALINK)
  anchor ⼀个HTMI锚点，使⽤<A NAME=>标记创建(该属性本⾝也是⼀个对象)
  anchors array 列出⽂档锚点对象的数组(<A NAME=>)(该属性本⾝也是⼀个对象)
  bgColor ⽂档的背景颜⾊(BGCOLOR)
  cookie 存储于⽂件内的⼀段信息，它是该⽂档对象的⼀个属性
  fgColor ⽂档的⽂本颜⾊(<BODY>标记⾥的TEXT特性)
  form ⽂档中的⼀个窗体(<FORM>)(该属性本⾝也是⼀个对象)
  forms anay 按照其出现在⽂档中的顺序列出窗体对象的⼀个数组(该属性本⾝也是⼀个对象)
  lastModified ⽂档最后的修改⽇期
  linkColor ⽂档的链接的颜⾊，即<BODY>标记中的LINK特性(链接到⽤户没有观察到的⽂档)
  link ⽂档中的⼀个<A HREF=>标记(该属性本⾝也是⼀个对象)
  links array ⽂档中link对象的⼀个数组，按照它们出现在⽂档中的顺序排列(该属性本⾝也是⼀个对象)
  location 当前显⽰⽂档的URL。⽤户不能改变document.location(因为这是当前显⽰⽂档的位置)。但是,
可以改变 window.location (⽤其它⽂档取代当前⽂档)window.location本⾝也是⼀个对象,⽽
document.location不是对象
  referrer 包含链接的⽂档的URL,⽤户单击该链接可到达当前⽂档
  title ⽂档的标题((TITLE>)
  vlinkColor 指向⽤户已观察过的⽂档的链接⽂本颜⾊，即<BODY>标记的VLINK特性
  2、⽅法
  clear 清除指定⽂档的内容
  close 关闭⽂档流
  open 打开⽂档流
  write 把⽂本写⼊⽂档
  writeln 把⽂本写⼊⽂档，并以换⾏符结尾
⼀、jQuery中的$(window).load()与$(document).ready()的区别
1.执⾏时间
2.编写个数不同
$(document).ready()可以同时编写多个，并且都可以得到执⾏
3.简化写法
$(document).ready(function(){})可以简写成$(function(){});
⼆、$(window).height()和$(document).height()的区别
jQuery(window).height()代表了当前可见区域的⼤⼩，
jQuery(document).height()则代表了整个⽂档的⾼度，可视具体情况使⽤.
注意：当浏览器窗⼝⼤⼩改变时(如最⼤化或拉⼤窗⼝后) ，
jQuery(window).height() 随之改变，但是
jQuery(document).height()是不变的。
三、$(window).scroll()和$(document).scroll()的区别
1、scroll()定义和⽤法：
当⽤户滚动指定的元素时，会发⽣ scroll 事件。
scroll 事件适⽤于所有可滚动的元素和 window 对象（浏览器窗⼝）。
2、两者在使⽤效果上区别不⼤，但所有浏览器基本都⽀持$(window).scroll()，但$(document).scroll()就不⼀定了。
四、$(window).scrollTop()和$(document).scrollTop()的区别
1、scrollTop()定义和⽤法：
scrollTop() ⽅法返回或设置匹配元素的滚动条的垂直位置（即：滚动条最上⽅与该元素顶部的距离）。
输⼊参数⽐如： $(window).scrollTop(100)，将垂直位置设置为100px;
不输⼊参数⽐如： $(window).scrollTop(100)，返回匹配元素的滚动条的垂直位置。
2、$(window).scrollTop()和$(document).scrollTop()两者在使⽤效果上区别不⼤，但所有浏览器基本都⽀持前者，但后者就不
⼀定了。
附：⼀个返回顶部功能，对以上知识的应⽤
$(function(){
"use strict";
var backButton=$('.back-to-top ');//css中请事先将按钮隐藏
//返回顶部按钮点击事件
<('click',function(){
$('html,body').animate({
scrollTop:0
},800)
});
//窗⼝向下滚动⼀屏后显⽰‘返回顶部按钮'
$(window).on('scroll',function(){
if($(window).scrollTop() > $(window).height())
backButton.fadeIn();
else
backButton.fadeOut();
})
jquery框架定义});
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助~如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持!

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。