随笔分类 - Javascript|JQuery
jquery.form.js+jquery.validation.js实现表单校验和提交
摘要:一、jquery引用 主要用到3个js: jquery.js jquery.form.js jquery.validation.js 另外,为了校验结果提示本地化,还需要引入jquery.validate对应的mesage_zh.js。 这个几个文件的地址就不一一整理了,可以在官网上去下载,也可以在
阅读全文
jquery multiselect使用示例
摘要:多选下拉框开源组件:https://github.com/ehynds/jquery-ui-multiselect-widget html部分: <select multiple id="test"> <option value="1">上</option> <option value="2">下<
阅读全文
读javascript高级程序设计17-在线检测,cookie,子cookie
摘要:一、在线状态检测开发离线应用时,往往在离线状态时把数据存在本地,而在联机状态时再把数据发送到服务器。html5提供了检测在线状态的方法:navigator.onLine和online/offline事件。1.navigator.onLine属性表示当前的网络状态是否在线,true表示在线,false...
阅读全文
读javascript高级程序设计16-几条函数小技巧
摘要:内容概要作用域安全的构造函数惰性载入函数函数绑定函数节流一、作用域安全的构造函数我们知道,当使用new操作符调用构造函数时,构造函数内部的this会指向新创建对象的实例。function Person(name){this.name=name;}var p=new Person('peter');c...
阅读全文
读javascript高级程序设计15-Ajax,CORS,JSONP,Img Ping
摘要:平时用惯了jQuery.ajax之类的方法,却时常忽略了它背后的实现,本文是学习了AJAX基础及几种跨域解决方案之后的一些收获。一、AJAX——XMLHttpRequest谈起Ajax我们都很熟悉,它的核心对象是XMLHttpRequest(简称XHR)。1.创建对象:在ie7及以上版本支持原生的写...
阅读全文
读javascript高级程序设计14-错误处理与调试
摘要:一 错误类型ECMA规定了常见的7种错误类型:Error: 基类型.其他常见的错误类型都继承自该类型,一般供开发人员抛出自定义错误.EvalError:该类型会在eval()函数使用异常时被抛出.例如:new eval();.实际上在某些版本浏览器下会抛出TypeError,而且本身eval()函数...
阅读全文
读javascript高级程序设计13-JSON
摘要:JSON是一个轻量级的数据格式,可以简化表示数据结构的工作量。在实际工作中,我们经常用它来传递数据,不过对于其使用的一些细节还是需要注意的。在ECMAScript5中定义了原生的JSON对象,可以用来将对象序列化为JSON字符串,或者将JSON数据解析为javascript对象。一、JSON语法JS...
阅读全文
读javascript高级程序设计12-HTML5脚本编程
摘要:一、跨文档消息传递(XDM)1.发送消息postMessage(msg,domain)用于发送跨文档消息。第一个参数是要传递的消息内容,第二个参数表示接收方来自哪个域。第二个参数有助于提高安全性,如果发现域不匹配则不会进行操作。2.接收消息接收到消息时,会触发window对象的message事件。传...
阅读全文
读javascript高级程序设计11-事件
摘要:一、事件流 事件流指从页面中接收事件的顺序。1.事件冒泡(常用)IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素。2.事件捕获(少用)Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件。3.DOM事件流DOM2级事件包括三个阶段:事...
阅读全文
读javascript高级程序设计10-DOM
摘要:一、节点关系元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化。hasChildNodes():是否有子节点。var headlines=document.getElementById("headline_block");var child...
阅读全文
读javascript高级程序设计09-BOM
摘要:一、window1.在全局作用域中定义的变量和函数会被归在window对象。var a=1,b=2;function add(a,b){return a+b;}console.log(window.a);//1console.log(window.add(a,b));//3有点区别在于,全局变量不能...
阅读全文
读javascript高级程序设计08-引用类型之Global、Math、String
摘要:一、Global所有在全局作用域定义的属性和方法,都属于Global对象。1.URI编码:encodeURI():主要用于对整个URI编码。它不会对本身属于URI的特殊字符进行编码。encodeComponentURI():主要用于对URI中的某一部分进行编码,很常用的是对查询字符串参数进行编码。它...
阅读全文
读javascript高级程序设计06-面向对象之继承
摘要:原型链是实现继承的主要方法,通过原型能让一个引用类型继承另一个引用类型。1.原型链实现继承 function SuperType(){this.superprop=1;}SuperType.prototype={ showSuperprop:function(){ console.log(thi...
阅读全文
读javascript高级程序设计05-面向对象之创建对象
摘要:1.工厂模式 工厂模式是一种常用的创建对象的模式,可以使用以下函数封装创建对象的细节:function CreatePerson(name,age){var p=new Object(); p.name=name; p.age=age; p.speak=function(){ console...
阅读全文
读javascript高级程序设计04-canvas
摘要:一、基本用法 1.要使用canvas元素,需要先给定其width和height来设置绘图区域的大小。canvas中间的文本会在浏览器不支持canvas的情况下显示出来。do not support.2.绘图上下文:要在canvas绘图,需要通过getContext方法来获取上下文。传入参数“2d”,...
阅读全文
读javascript高级程序设计03-函数表达式、闭包、私有变量
摘要:一、函数声明和函数表达式定义函数有两种方式:函数声明和函数表达式。它们之间一个重要的区别是函数提升。1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错:test();function test(){alert(1);}2.函数表达式不会进行函数提升,函数调用在函数声明之前的话会报错:t...
阅读全文
读javascript高级程序设计02-变量作用域
摘要:一、 延长作用域链有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除。①with语句延长作用域。function buildUrl(){var qs="?debug=true"; with(location){ var url=href+qs; } return...
阅读全文
读javascript高级程序设计01-基本概念、数据类型、函数
摘要:一. javascript构成 1.javascript实现由三部分组成:ECMAScript:核心语言功能DOM:文档对象模型,提供访问和操作网页内容的方法和接口BOM:浏览器对象模型,提供与浏览器交互的方法和接口。2. ECMAScript宿主环境:浏览器、Node、Adobe Flash.二....
阅读全文
读javascript高级程序设计-目录
摘要:javascript高级编程读书笔记系列,也是本砖头书。感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多。
本笔记是为了方便日后查阅,仅作学习交流,喜欢本书的童靴建议购买正版。
阅读全文
浙公网安备 33010602011771号