Javascript
关注
分享
扫一扫
我爱默小兜
热爱编程，热爱生活
展开
-
JS中使用onkeydown事件来实现键盘效果
首先我们需要弄清楚str="a";code = str.charCodeAt(); //将字符转为对应的ASCII码 str2 = String.fromCharCode(code);//将ASCII码转为对应的字符 li{cursor: pointer; list-style-type: none; border: 1px solid #F00;width:原创 2016-03-30 12:01:47 · 3860 阅读 · 0 评论 -
JS中对Cookie的操作详解
cookie设置参数;JS对Cookie的读取;JS对Cookie的设置；原创 2016-08-03 17:03:59 · 1926 阅读 · 1 评论 -
关于Jquery获取对象的属性与值
1.获取对象的常用方法$("*") 表示获取所有对象（一般都不会去使用）$("#XXX") ’获得 id=XXX 的元素对象（常用）$(".XXX") ’获得 class=XXX 的元素对象（常用）$("div") ' 标签选择器 选择所有的div元素 (常用)$("input[name='uname']") 获得input标签中name='原创 2016-08-01 18:20:08 · 16964 阅读 · 1 评论 -
高性能JavaScript代码高亮插件
1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件官方网站：http://alexgorbatchev.com/SyntaxHighlighter/2、Google Code Prettify – 自由地JavaScript代码高亮插件官方网站：http://code.google.com/p/google-code-prettif原创 2016-08-08 20:04:54 · 1439 阅读 · 0 评论 -
解决OneThink中无法异步提交kindeditor文本框中修改后的内容
在使用JQuery来获取KindEditor编辑器的字段，并异步提交的时，解决修改后的数据就是无法被Jquery获取到的问题。原创 2016-08-21 20:35:58 · 1312 阅读 · 1 评论 -
JS判断浏览器类型
JS判断浏览器类型function getBrowserType(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("Opera") > -1) { return "Opera" }; //判断是否Opera浏览器 if (us原创 2016-08-10 14:26:22 · 565 阅读 · 0 评论 -
JS组合按键事件监听插件
JS组合按键事件插件，支持多组按键组合的监听原创 2016-08-20 11:32:36 · 1694 阅读 · 0 评论 -
seajs入门教程
什么是Sea.js;模块定义;模块载入;模块调用;配置文件;实例操作原创 2016-08-25 11:03:10 · 1355 阅读 · 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 · 2873 阅读 · 0 评论 -
JS跨越问题解决方法
一.同源策略的限制首先，我们需要知道跨域就是在不同的域之间进行数据传输或通信。只要协议、域名、端口有任何一个不同，都被当作是不同的域。当要想跨域，就得理解浏览器的同源策略限制。其限制之一就是我们说的不能通过ajax的方法去请求不同源中的文档。 它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。关于第二个限制，比如，有一个页面，它的地址是http://www.findm原创 2016-10-17 09:59:31 · 3631 阅读 · 0 评论 -
JQuery控制图片由中心点逐渐放大效果
有的时候我们需要做一个当鼠标放置在图片上的时候，希望图片逐渐变大，即图片的width和height逐渐变大，但是此时，其left值与top值没有改变，故看似不是从中心点进行缩放的。如下图：从中心点进行缩放实现代码如下：#div1{ width:600px; height:400px; margin:50px auto; position:relative; text-原创 2016-06-25 16:34:14 · 23700 阅读 · 6 评论 -
JavaScript中mouseover和mouseout多次触发解决办法
mouseover和mouseout多次触发原理分析；mouseenter与mouseleave实现分析；判断两个元素是否存在包含关系；compareDocumentPosition介绍；获取兼容性性的relatedTarget；改进mouseover和mouseout使其具备mouseenter与mouseleave效果效果；对改写的代码进行封装等。原创 2016-06-12 10:37:00 · 20488 阅读 · 1 评论 -
基于Highcharts的图表绘制
图表绘制使用Highcharts进行图表绘制相当简单，且官方文档也非常详细。由于Highcharts是在Jquery基础上开发的，所以得提前引入Jquery，为了简便，所有需要引入的文件直接从bootsrtp的 CDN 库中引入。 下面是两个案例： <html><head><meta http-equiv="Content-Type" content="text/html; charset=原创 2017-03-06 21:32:56 · 1579 阅读 · 0 评论 -
开发自己的JQuery框架
模仿Jquery一步步实现自己的Jquery框架，并分析个步骤中改进的原因以及解决的问题；构造函数的返回值对new一个对象的影响等原创 2016-06-14 22:10:08 · 3567 阅读 · 2 评论 -
jquery选择器中的空格与大于号>、加号+与波浪号~的区别
jquery选择器中的空格与大于号>、加号+与波浪号~的区别以及使用原创 2016-06-24 10:17:24 · 12157 阅读 · 1 评论 -
JavaScript中this详解
在JS开发中，经常使用this，我觉得有必要对this进行总结一下。定义this 代表当前正在执行某个方法的对象，如果没有当前方法（或该方法不属于任何其它对象），则是指全局对象。也就是说，this代表调用该方法对象的引用。全局范围中的this全局里面的this，比较好理解，一般不容易出错。首先，看看下面代码，会输出什么呢？<script type="text/javascript"> cons原创 2016-05-25 14:54:56 · 3135 阅读 · 2 评论 -
JavaScript中数据类型详解
1.Undefined类型Undefined 类型只有一个值，即特殊的undefined。在使用var 声明变量但未对其加以初始化时，这个变量的值就是undefined，例如：var message;alert(message == undefined); //true这个例子只声明了变量message，但未对其进行初始化。比较这个变量与undefined 字面量，结果表明它们原创 2016-03-21 15:38:01 · 641 阅读 · 0 评论 -
JS中判断数组中是否包含某个元素indexof兼容性兼容性
1.前几天写了一个JS游戏，其中，判断数组中是否包含某个元素，开始使用如下方法判断 if(appearAnimals.indexOf(randIndex) ==-1){ } 目前主流的浏览器都能正常显示，但是遇到IE9以下版本就不行，通过逐行排查，才发现是indexOf的兼容性问题。IE9以前的版本都不支持此方法，现在写一个兼容的方法如下： if(!Array.indexOf){原创 2015-11-04 20:27:27 · 5963 阅读 · 0 评论 -
JavaScript面向对象编程(继承实现方式)
许多OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。如前所述，由于函数没有签名，在ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链来实现的。在此，主要阐述一下，原型链继承，借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合继承等。1.原型链ECMAScript 中描述了原创 2016-03-25 15:10:05 · 1775 阅读 · 0 评论 -
JavaScript面向对象编程(对象创建)
前言在学面向对象（objetct-oriented,oo）编程之前，首先需要知道什么是对象，ECMA-262，将对象定义为“无序属性的集合，其属性可以包含基本值、对象或者是函数”。JavaScript中有多种方式来创建对象，比如：工厂模式、构造函数模式、原型模式、组合构造函数模式和原型模式、寄生构造函数模式等等。一、工厂模式工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创原创 2016-03-25 11:57:36 · 665 阅读 · 0 评论 -
兼容浏览器的js事件绑定函数
因为javascript中所有对象都集成与Object，那么只有给Object原型添加一个事件绑定函数，就不需要在处理绑定事件的时候，每次写一长串代码，直接调用即可。在代码中添加红色部分代码，直接便可以在代码中直接调用nihaoa/***@param ev事件@param fn 函数**/Object.prototype.addListener=function(ev,fn){if原创 2016-03-29 17:35:15 · 1875 阅读 · 0 评论 -
JS中控制绑定事件执行顺序
在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段。这也是为什么当父类和子类都绑定了某个事件，会先调用子类绑定的事件，后调用父类的事件。直接看下面实例 *{margin:0;padding: 0;} var obj1=document.getElementById('id1'); obj1.addEventListener(原创 2016-04-11 09:51:30 · 15964 阅读 · 0 评论 -
ajax从入门到深入精通
ajax从入门到精通；ajax进度条；ajax跨越；ajax提交表单；ajax中模拟get、post请求；原创 2016-04-14 16:44:20 · 14237 阅读 · 14 评论 -
JS中把函数作为另一函数的参数传递总结
今天在给元素注册事件的时候，使用addEventListener遇到了一个问题，这个好像之前也遇到过，觉得有必要总结一下，就是JS函数作为参数引发的问题。首先看以下代码，觉得下面代码有问题吗？是否能达到点击id3对应的元素后，弹出id3呢？例1var obj3=document.getElementById('id3'); obj3.addEventListener('click',cu原创 2016-04-11 20:33:05 · 9090 阅读 · 0 评论 -
JavaScript中字符串的常用操作汇总
字符串的分割;字符串的截取;字符串中查找;字符串指定位置插入;字符串与数组相互转换原创 2016-04-28 09:14:29 · 833 阅读 · 1 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一转载 2016-04-28 15:58:49 · 469 阅读 · 1 评论 -
Javascript中事件捕获、事件冒泡以及事件委托机制
Javascript中事件绑定；事件冒泡；事件捕获；事件委托等详解。原创 2016-05-01 17:28:44 · 7640 阅读 · 0 评论 -
jQuery中$(document).ready与Javascript中window.onload区别
JQuery中$(document).ready与Javascript中window.onload道理有什么区别呢？网上的说法很多，但是发现使用不同版本jquery，效果有完全不一样，很难去回答一下问题，我觉得有必要总结一下1.window.onload到底是什么时候触发？2.jQuery中ready到底是什么时候触发？3.不同版本jQuery中$(document原创 2017-05-08 21:28:58 · 2579 阅读 · 0 评论