客户端JavaScript - 随笔分类 - SuriFuture

一些XMLHttpRequest的例子代码

摘要：以下例子摘录自：javascript权威指南非表单数据形式的表单编码的请求GET和提交POST(如data对象) 7.HTTP进度事件 XMLHttpRequest对象在请求的不同阶段触发不同类型的事件，所以它不需要检查readyState属性。当调用send（）时，触发单个loadstart事阅读全文

posted @ 2016-09-02 16:59 SuriFuture 阅读(1730) 评论(0) 推荐(0)

详细解读XMLHttpRequest（二）响应属性、二进制数据、监测上传下载进度

摘要：本文主要参考： "MDN" 分析并操作 responseXML属性如果你使用 XMLHttpRequest 来获得一个远程的 XML 文档的内容，responseXML 属性将会是一个由 XML 文档解析而来的 DOM 对象，这很难被操作和分析。这里有五种主要的分析 XML 文档的方式： 1. 使阅读全文

posted @ 2016-09-02 13:30 SuriFuture 阅读(1599) 评论(0) 推荐(0)

详细解读XMLHttpRequest（一）同步请求和异步请求

摘要：本文主要参考： "MDN" XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例，打开一个URL，然后发送这个请求。当传输完毕后，结果的HTTP状态以及返回的响应内容也可以从请求对象中获取。通过XMLHttpRequest生成的请求可以有两种方式来获阅读全文

posted @ 2016-09-02 13:22 SuriFuture 阅读(10528) 评论(0) 推荐(0)

DOM事件类型详解

摘要：一、表单事件：一、表单事件： input事件当<input>、<textarea>的值发生变化时触发。此外，打开contenteditable属性的元素，只要值发生变化，也会触发input事件。input事件的一个特点，就是会连续触发，比如用户每次按下一次按键，就会触发一次input事件。 inp 阅读全文

posted @ 2016-08-13 17:33 SuriFuture 阅读(3620) 评论(1) 推荐(2)

DOM中的事件处理概览与原理的全面剖析

摘要：事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信，DOM支持大量的事件；本文通过这几点向大家详细解析事件处理的基本原理：事件类型、事件目标、事件处理程序、事件对象、事件传播最后再向大家介绍Event对象；（原创文章，转摘请注明：苏福：http://www.cnblogs.com 阅读全文

posted @ 2016-08-13 17:29 SuriFuture 阅读(1555) 评论(0) 推荐(0)

（转）JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）

摘要：JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个阅读全文

posted @ 2016-08-11 10:26 SuriFuture 阅读(1345) 评论(0) 推荐(0)

你真的知道setTimeout是如何运行的吗

摘要：大家看下如下代码，猜猜执行结果： var start = new Date; setTimeout(function(){ console.log('时间流逝了:'+(new Date - start)+'毫秒'); }, 200); while (new Date - start < 1000) 阅读全文

posted @ 2016-08-11 02:07 SuriFuture 阅读(1859) 评论(1) 推荐(0)

用原生JS读写CSS样式的方法总结

摘要：为了日后方便查询，本人翻阅了一些资料总结了以下方法，仅限原生JS，如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式如：var elm = document.getEl 阅读全文

posted @ 2016-08-08 16:31 SuriFuture 阅读(65200) 评论(3) 推荐(8)

选取文档元素的方法总结

摘要：在讲解如何选取文档元素之前，先普及一下什么是文档节点： HTML文档的每个节点都表示一个Node对象，节点树形结构的根部是Document节点，代表整个文档，代表HTML元素的节点是Element节点，代表文本的节点是Text节点；Document、Element、Text类都是Node类的子类；（阅读全文

posted @ 2016-08-04 22:40 SuriFuture 阅读(1132) 评论(0) 推荐(0)

windows.open()、close()方法详解

摘要：windows.open()方法详解： window.open(URL,name,features,replace)用于载入指定的URL到新的或已存在的窗口中，并返回代表新窗口的Window对象。它有4个可选的参数： URL：一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个阅读全文

posted @ 2016-07-28 11:08 SuriFuture 阅读(6506) 评论(0) 推荐(0)

Window对象

摘要：Window对象： Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。如果在HTML文档中用id属性来为元素命名，并且如果Window对象没有此名阅读全文

posted @ 2016-07-28 11:06 SuriFuture 阅读(232) 评论(0) 推荐(0)

窗口、窗体之间的关系

摘要：窗口、窗体之间的关系：通过window.open()创建的新窗口的Window对象具有opener属性，可以通过opener打开它的原始窗口，这样两个窗口之间就可以相互引用，彼此之间可以读取对方的属性方法，而窗体也是一样。窗体是由<iframe>创建的，该元素有contentWindow属性，它阅读全文

posted @ 2016-07-28 11:06 SuriFuture 阅读(2119) 评论(0) 推荐(1)

Navigator对象、Screen对象

摘要：Navigator对象： Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象； Navigator对象集合：plugins[] 返回对文档中所有嵌入式对象(插件)的引用，该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug 阅读全文

posted @ 2016-07-28 11:02 SuriFuture 阅读(262) 评论(0) 推荐(0)

Location对象、History对象

摘要：Location对象： Window对象的location属性引用的是Location对象，它表示窗口中当前显示的内容的URL，Document对象的location属性也引用Location对象，window.location document.lacation; //true Document对阅读全文

posted @ 2016-07-28 11:01 SuriFuture 阅读(2036) 评论(0) 推荐(0)

同源策略与安全

摘要：同源策略：同源策略是对JavaScript代码能够操作那些Web内容的一条完整的安全策略。当页面使用多个<iframe>元素或打开其他窗口的时候，同源策略就会发挥作用，它管理着不同的窗口、窗体、代码之间的交互；在同源策略之下，脚本代码只能读取和自己同源的窗口、窗体中的文档；文档来源区别：协议、阅读全文

posted @ 2016-07-28 11:00 SuriFuture 阅读(662) 评论(0) 推荐(0)

JScript中的条件注释详解（转载自网络）

摘要：JScript中的条件注释详解-转载这篇文章主要介绍了JScript中的条件注释详解,本文讲解了@cc_on、@if、@set、@_win32、@_win16、@_mac等条件注释语句及可用于条件编译的预定义变量,需要的朋友可以参考下 JScript 可以使用以下语句根据条件编译变量的值控制脚本的阅读全文

posted @ 2016-07-27 12:12 SuriFuture 阅读(284) 评论(0) 推荐(0)

IE中的条件注释(转载自网络)

摘要：IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句，作用是可以灵活的为不同IE版本浏览器导入不同html元素，如：样式表，html标签等。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验。让我们举几个例子来看看： 1、只有IE才能识别 <!--[if IE 阅读全文

posted @ 2016-07-27 12:11 SuriFuture 阅读(248) 评论(0) 推荐(0)

客户端JavaScript-如何执行

摘要：客户端JavaScript程序有四部分：内联脚本、HTML事件处理程序、URL中的JavaScript、外联脚本；所有这些单独的代码共用同一个全局Window对象，它们可以看到相同的Document对象，且共享相同的全局函数和变量的集合：如果在一个脚本定义了新的全局属性，那么这个属性在脚本执行后对任阅读全文

posted @ 2016-07-27 12:09 SuriFuture 阅读(1634) 评论(0) 推荐(0)

随笔分类 - 客户端JavaScript