【JQuery window、document、 body】的更多相关文章

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…

客户端JavaScript（window、document、element）

一.window对象是所有客户端JavaScript特性和API的主要接入点,用window来引用它. 属性:location属性(引用Location对象,当前显示在窗口的URL).document属性(引用Document对象,表示显示在窗口中的文档) window.location="https://www.baidu.com"; 方法:alert方法(弹出对话框).setTimeout方法(给定一个时间之后触发一个回调) alert("hello world!&quo…

理解DOMSTRING、DOCUMENT、FORMDATA、BLOB、FILE、ARRAYBUFFER数据类型

一.XMLHttpRequest 2.0的家臣们 我大学那会儿,一个称为Ajax的东西对前端行业造成了深远影响,不仅是JS语言,而包括前端地位.职位兴起以及工作分工等.抛开IE6浏览器不谈,其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的. 然后,好多年过去了,XMLHttpRequest带着两位家臣,DOMString和Document数据类型攻城略地,几乎一统天下. 然时代是发展的,人们群众的需求是旺盛的,HTML5犹如冉冉升起的新星开始普照大地,恩泽大众.XMLHttp…

html、body、document、window的区别

html是一门超文本标记语言: document对象代表整个html文档,可用来访问页面中的所有元素: body代表document的主体子对象,除浏览器头部,页面中能够看到的内容都属于body中的内容: window代表浏览器中打开的窗口,代表运行环境. 在javascript中: html中的window对象是一个虚拟的对象,浏览器在打开HTML文档时生成window对象,可以把它看作是你所使用的浏览器的窗口,其地位很高,因为它是浏览器脚本引擎中的globalobject.可以用window…

JavaScript常用内置对象（window、document、form对象）

由于刚开始学习B/S编程,下面对各种脚本语言有一个宏观的简单认识. 脚本语言(JavaScript,Vbscript,JScript等)介于HTML和C,C++,Java,C#等编程语言之间.它的优势在于代码执行时不用像编程语言那样必须经过“编译”,先生成二进制机器码再执行,而是由其所对应的解释器(或称虚拟机)直接解释执行.程序代码既是脚本程序,亦是最终可执行文件. 历史: JavaScript是一种脚本语言.前身为LiveScript,是Netscape开发的一种描述式语言.自Sun公司推出J…

window、BOM、 document、 DOM

window:  顾名思义,窗口,浏览器窗口.是Window构造函数的一个实例对象. 它包含浏览器的一些属性和方法,如screen,location,history,setInterval等. // 浏览器窗口的高度和宽度(不包含工具栏和滚动条)--兼容办法 var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth var height = window.i…

Elasticsearch核心技术(2)--- 基本概念(Index、Type、Document、集群、节点、分片及副本、倒排索引)

Elasticsearch核心技术(2)--- 基本概念 这篇博客讲到基本概念包括: Index.Type.Document.集群,节点,分片及副本,倒排索引. 一.Index.Type.Document 1.Index index:索引是文档(Document)的容器,是一类文档的集合. 索引这个词在 ElasticSearch 会有三种意思: 1).索引(名词) 类比传统的关系型数据库领域来说,索引相当于SQL中的一个数据库(Database).索引由其名称(必须为全小写字符)进行标识. 2…

ES的索引、type、document、filer、mapping、id

一.ES的存储结构 1.索引 es 中存储数据的基本单位,比如说你现在要在 es 中存储一些订单数据,你就应该在 es 中创建一个索引 order_idx,所有的订单数据就都写到这个索引里面去.看了一些文章有的说索引可以理解为关系型数据库中的数据库,有的说相当于数据库中的表.我的理解是它相对于关系型数据库更为灵活,因为在7.0之后的版本,type被废除,它直接可以自定义,感觉就就是直接添加到属性中,而不是原来的在索引之后添加type,所以在添加数据时就可以更加灵活,所以我认为一个索引可以理解为一…

JQuery window、document、 body (转)

转自:http://www.cnblogs.com/luhe/archive/2012/11/08/2760619.html 我电脑屏幕分辨率:1440 * 900   最大化浏览器,刷新浏览器 alert($(window).width() + "---" + $(window).height());          1423---768 alert($(document).width() + "---" + $(document).height());   2…

JQuery window、document、 body

我电脑屏幕分辨率:1440 * 900   最大化浏览器,刷新浏览器 alert($(window).width() + "---" + $(window).height());          1423---768 alert($(document).width() + "---" + $(document).height());   2008---2216 alert($("body").width() + "---"…

html/css基础篇——关于浏览器window、document、html、body高度的探究

首先说明本人所理解的这几个元素的计算 window高度应当是文档所在窗口的可视高度(没有包括浏览器的滚动条),计算方法document.documentElement.clientHeight document高度应该为文档内容的高度,计算方法Math.max(document.body[ "scrollHeight" ], document.documentElement[ "scrollHeight"]) html高度应当为html元素的高度(包括边框滚动条),…

jQuery三——筛选方法、事件

一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>筛选方法</title> <style type="text/css"> li.active { font-size: 50px; } <…

JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象

一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…

JavaScript学习总结(二)——闭包、IIFE、apply、函数与对象

一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…

JavaScript学习总结(三)——闭包、IIFE、原型、函数与对象

一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…

Html5——File、FileReader、Blob、Fromdata对象

File File 接口提供有关文件的信息,并允许网页中的JavaScript访问其内容. File对象可以用来获取某个文件的信息,还可以用来读取这个文件的内容.通常情况下,File对象是来自用户在一个 <input> 元素上选择文件后返回的FileList对象,也可以是来自由拖放操作生成的 DataTransfer对象. 用户在选择一个或者多个文件后,可以通过File API访问这些File对象,这些对象被包含在一个FileList对象中.所有type为file的input都有一个files…

JavaScript学习总结（一）——闭包、对象、函数

一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…

JS之BOM和DOM(来源、方法、内容、应用)

1.Javascript组成(此文为转载) JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 ECMAScript扩展知识: ① ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript. ② “ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力……”,即ECMAScript不…

[JS学习笔记]Javascript事件阶段：捕获、目标、冒泡

当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流 事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队提出了两种完全相反的事件流. 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面.…

XHR 对象实例所有的配置、属性、方法、回调和不可变值

当我们声明了一个XMLHttpRequest对象的实例的时候,使用for-in来循环遍历一下这个实例(本文使用的是chrome45版本浏览器),我们会发现在这个实例上绑定了一些内容,我把这些内容进行了一下分类: 一.配置项 也就是对xhr对象进行配置.① timeout : 配置请求超时时间.② withCredentials:是否携带发送提供凭据,在下面会进行详细的说明. 二.属性项 也就是指一些请求发送或完成过程中可能会被用户读取或使用到的一些值.① readyState:xhr的状态码.②…

jQuery的$(window).load与、(document).ready和window.onload的关系

jQuery的$(window).load与.(document).ready和window.onload的关系 $(function() { console.log('document.ready 001'); }); window.onload = function() { console.log('window.onload 001'); } window.onload = function() { console.log('window.onload 002'); } $(window)…

jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别

$().ready().$(handler).$(document).ready(handler)均不是原生JS中的,都是jQuery中封装的方法.这些事件在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成.DomContentLoaded是原生的表示在Dom节点加载完毕之后就执行该事件. window.onload()以及body中的onload()两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,是原始JS中就有的.同时window.onload只能注册一个事件处…

$(document).ready(){}、$(fucntion(){})、(function(){})(jQuery)onload()的区别

 1.首先说JQuery的几个写法  $(function(){     //do someting   });   $(document).ready(function(){     //do someting   });   $().ready(function(){ //do someting  }) 这三种方法都是JQuery的方法,写法不一样,但是效果一样.  2.这三个写法和$(window).load(function(){...}).onload()的区别 2.1.加载多个函数的…

9.22 window对象、document对象

一.window对象: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口 dialogArgument:对话框返回值  子对象:history,location,document,status,menubar,toolbar等 方法(函数):  事件:(事先设置好的程序,被触发) windows.open("第一部分","第二部分","第三部分"…

document.body、document.documentElement和window获取视窗大小的区别

来源:http://www.ido321.com/906.html 在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Explorer 8.7.6.5: document.…

JQuery 判断IPad、IPhone、Android是横屏还是竖屏（Window.Orientation实现)

在ipad.iphone网页开发中,我们很可能需要判断是横屏或者竖屏.下面就来介绍如何用 jQuery 判断iPad.iPhone.Android是横屏还是竖屏的方法. 代码如下: function orient() { if (window.orientation == 90 || window.orientation == -90) { //ipad.iphone竖屏:Andriod横屏 $("body").attr("class", "landsca…

js中的 window.location、document.location、document.URL 对像的区别（转载）

原文:http://www.cr173.com/html/18417_1.html 当我们需要对html网页进行转向的时候或是读取当前网页的时候可以用到下面三个对像: window.location.document.location.document.URL 对当前网页进行跳转 我们先来看看 document 与 window对象: [window 对象]  它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,…

document.body、document.documentElement和window获取视窗大小的差别

来源:http://www.ido321.com/906.html 在w3school关于window对象的介绍中,介绍了获取浏览器窗体大小的三种方法(浏览器的视口,不包含工具栏和滚动栏). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight – 浏览器窗体的内部高度 window.innerWidth – 浏览器窗体的内部宽度 对于 Internet Explorer 8.7.6.5: document.…

window.location.href和document.location.href、document.URL的区别

1.document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象. 所以一个窗口下只有一个window.location.href,但是可能有多个document.URL.document.location.href 2.window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不能写…

Unit06： 外部对象概述 、 window 对象 、 document 对象

Unit06: 外部对象概述 . window 对象 . document 对象 小代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> //1.确认框 function del() { var b = confirm("确定要删除此数据吗?&qu…