Javascript教程
本教程从基础开始,涵盖Javascript中字符串的操作、ajax详解、事件机制(捕获与冒泡)、事件绑定、面向对象、集成、原型链以及常用设计模式,此外,还会有一些Javascript写的小游戏。
我爱默小兜
热爱编程,热爱生活
展开
-
JS跨越问题解决方法
一.同源策略的限制首先,我们需要知道跨域就是在不同的域之间进行数据传输或通信。只要协议、域名、端口有任何一个不同,都被当作是不同的域。当要想跨域,就得理解浏览器的同源策略限制。其限制之一就是我们说的不能通过ajax的方法去请求不同源中的文档。 它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。关于第二个限制,比如,有一个页面,它的地址是http://www.findm原创 2016-10-17 09:59:31 · 3577 阅读 · 0 评论 -
Javascript中变量函数申明优先级
案例一console.log(a); //输出function a(){}function a() {};var a=3;案例二function a() {};var a=3;console.log(a);//输出3为什么两者输出不一样呢?解析:针对案例一其执行流程可以细化为1.首先会申请一个空间,开始申明函数a,然后在执行申明变量a,发现已经有原创 2016-09-27 15:51:44 · 2848 阅读 · 0 评论 -
seajs入门教程
什么是Sea.js;模块定义;模块载入;模块调用;配置文件;实例操作原创 2016-08-25 11:03:10 · 1324 阅读 · 0 评论 -
解决OneThink中无法异步提交kindeditor文本框中修改后的内容
在使用JQuery来获取KindEditor编辑器的字段,并异步提交的时,解决修改后的数据就是无法被Jquery获取到的问题。原创 2016-08-21 20:35:58 · 1296 阅读 · 1 评论 -
JS组合按键事件监听插件
JS组合按键事件插件,支持多组按键组合的监听原创 2016-08-20 11:32:36 · 1668 阅读 · 0 评论 -
JS中对Cookie的操作详解
cookie设置参数;JS对Cookie的读取;JS对Cookie的设置;原创 2016-08-03 17:03:59 · 1916 阅读 · 1 评论 -
关于Jquery获取对象的属性与值
1.获取对象的常用方法$("*") 表示获取所有对象(一般都不会去使用)$("#XXX") ’获得 id=XXX 的元素对象(常用)$(".XXX") ’获得 class=XXX 的元素对象(常用)$("div") ' 标签选择器 选择所有的div元素 (常用)$("input[name='uname']") 获得input标签中name='原创 2016-08-01 18:20:08 · 16921 阅读 · 1 评论 -
JQuery控制图片由中心点逐渐放大效果
有的时候我们需要做一个当鼠标放置在图片上的时候,希望图片逐渐变大,即图片的width和height逐渐变大,但是此时,其left值与top值没有改变,故看似不是从中心点进行缩放的。如下图:从中心点进行缩放实现代码如下:#div1{ width:600px; height:400px; margin:50px auto; position:relative; text-原创 2016-06-25 16:34:14 · 23634 阅读 · 6 评论 -
jquery选择器中的空格与大于号>、加号+与波浪号~的区别
jquery选择器中的空格与大于号>、加号+与波浪号~的区别以及使用原创 2016-06-24 10:17:24 · 12111 阅读 · 1 评论 -
开发自己的JQuery框架
模仿Jquery一步步实现自己的Jquery框架,并分析个步骤中改进的原因以及解决的问题;构造函数的返回值对new一个对象的影响等原创 2016-06-14 22:10:08 · 3544 阅读 · 2 评论 -
JavaScript中mouseover和mouseout多次触发解决办法
mouseover和mouseout多次触发原理分析;mouseenter与mouseleave实现分析;判断两个元素是否存在包含关系;compareDocumentPosition介绍;获取兼容性性的relatedTarget;改进mouseover和mouseout使其具备mouseenter与mouseleave效果效果;对改写的代码进行封装等。原创 2016-06-12 10:37:00 · 20357 阅读 · 1 评论 -
JS中判断数组中是否包含某个元素indexof兼容性兼容性
1.前几天写了一个JS游戏,其中,判断数组中是否包含某个元素,开始使用如下方法判断 if(appearAnimals.indexOf(randIndex) ==-1){ } 目前主流的浏览器都能正常显示,但是遇到IE9以下版本就不行,通过逐行排查,才发现是indexOf的兼容性问题。IE9以前的版本都不支持此方法,现在写一个兼容的方法如下: if(!Array.indexOf){原创 2015-11-04 20:27:27 · 5932 阅读 · 0 评论 -
JavaScript中数据类型详解
1.Undefined类型Undefined 类型只有一个值,即特殊的undefined。在使用var 声明变量但未对其加以初始化时,这个变量的值就是undefined,例如:var message;alert(message == undefined); //true这个例子只声明了变量message,但未对其进行初始化。比较这个变量与undefined 字面量,结果表明它们原创 2016-03-21 15:38:01 · 629 阅读 · 0 评论 -
JavaScript面向对象编程(对象创建)
前言在学面向对象(objetct-oriented,oo)编程之前,首先需要知道什么是对象,ECMA-262,将对象定义为“无序属性的集合,其属性可以包含基本值、对象或者是函数”。JavaScript中有多种方式来创建对象,比如:工厂模式、构造函数模式、原型模式、组合构造函数模式和原型模式、寄生构造函数模式等等。一、工厂模式工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创原创 2016-03-25 11:57:36 · 638 阅读 · 0 评论 -
JavaScript面向对象编程(继承实现方式)
许多OO 语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。如前所述,由于函数没有签名,在ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承,而且其实现继承主要是依靠原型链来实现的。在此,主要阐述一下,原型链继承,借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合继承等。1.原型链ECMAScript 中描述了原创 2016-03-25 15:10:05 · 1754 阅读 · 0 评论 -
JS中控制绑定事件执行顺序
在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段。这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件。直接看下面实例 *{margin:0;padding: 0;} var obj1=document.getElementById('id1'); obj1.addEventListener(原创 2016-04-11 09:51:30 · 15856 阅读 · 0 评论 -
JS中把函数作为另一函数的参数传递总结
今天在给元素注册事件的时候,使用addEventListener遇到了一个问题,这个好像之前也遇到过,觉得有必要总结一下,就是JS函数作为参数引发的问题。首先看以下代码,觉得下面代码有问题吗?是否能达到点击id3对应的元素后,弹出id3呢?例1var obj3=document.getElementById('id3'); obj3.addEventListener('click',cu原创 2016-04-11 20:33:05 · 9056 阅读 · 0 评论 -
ajax从入门到深入精通
ajax从入门到精通;ajax进度条;ajax跨越;ajax提交表单;ajax中模拟get、post请求;原创 2016-04-14 16:44:20 · 14098 阅读 · 14 评论 -
JavaScript中字符串的常用操作汇总
字符串的分割;字符串的截取;字符串中查找;字符串指定位置插入;字符串与数组相互转换原创 2016-04-28 09:14:29 · 824 阅读 · 1 评论 -
Javascript中事件捕获、事件冒泡以及事件委托机制
Javascript中事件绑定;事件冒泡;事件捕获;事件委托等详解。原创 2016-05-01 17:28:44 · 7620 阅读 · 0 评论 -
JavaScript中this详解
在JS开发中,经常使用this,我觉得有必要对this进行总结一下。定义this 代表当前正在执行某个方法的对象,如果没有当前方法(或该方法不属于任何其它对象),则是指全局对象。也就是说,this代表调用该方法对象的引用。全局范围中的this全局里面的this,比较好理解,一般不容易出错。首先,看看下面代码,会输出什么呢?<script type="text/javascript"> cons原创 2016-05-25 14:54:56 · 3104 阅读 · 2 评论