JavaScript资料,JavaScript文章,JavaScript文档-易库教程

网页前端登录js按Enter回车键实现登陆的两种方法

2017年02月06日 10 阅读

很简单的代码，这里介绍两种方法给大家、第一种：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Ch...

jQuery事件的绑定、触发、及监听方法简单说明

2017年02月06日 10 阅读

如果你在写文章或者 Demo，为了简单，你当然可以用事件监听函数，以及那些事件对象提供的方法等。但在实际中，有一些方法和属性是有兼容性问题的，所以我们会使用 jQuery 来消除兼容性问题。下面简单的来说一下 jQuery 中事件的基础操作。绑定事件和事件代理在 jQuery 中，提供了诸如 click（）这样的语法糖来绑定对应事件，但是这里推荐统一使用 on（）来绑定事件。语法：.on（ events [, selector ] [, data ],...

快速解决Canvas.toDataURL 图片跨域的问题

2017年02月06日 10 阅读

如题，在将页面的图片地址进行本地输出时（Html2Canvas.js），因不同源存在跨域问题，会出现toDataURL访问权限问题：【Redirect at origin "http://sub1.xx.com" has been blocked from loading by Cross-Origin Resource Sharing policy: No "Access-Control-Allow-Origin" header is present o...

JavaScript的React Web库的理念剖析及基础上手指南

2017年02月06日 11 阅读

React Web的目的及意义非常明确: 让React Native代码跑在Web上让一套代码运行在各个移动终端，对前端及业务来说，这是开发效率中一个质的提升。在项目初期，我们也曾向 React团队咨询过类似的问题，他们团队的核心同学 @vjeux 也认为这是非常酷的事情，也是他们未来想做的事情。也许在发布React Native for Android的时候，也会发布React Web也说不定。（YY一下）技术架构基于React Native的适配方案...

深入剖析JavaScript:Object类型

2017年02月06日 10 阅读

在JavaScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。对象是某个特定引用类型的实例。对象的创建方式：var person = new Object（）;上面的例子创建了Object引用类型的一个新实例，然后把该实例保存在变量person中。创建对象有构造函数和对象字面量两种方式。1.构造函数方式使用new操作符后跟Object构造函数。var p = new Obejct（）;p.name = "萧萧弈寒";p.age = 18；2...

实例讲解使用原生JavaScript处理AJAX请求的方法

2017年02月06日 10 阅读

Ajax 是异步的JavaScript和XML的简称，是一种更新页面某部分的机制。它赋予了你从服务器获取数据后，更新页面某部分的权力，从而避免了刷新整个页面。另外，以此方式实现页面局部更新，不仅能有效地打造流畅的用户体验，而且减轻了服务器的负载。下面是对一个基本的 Ajax 请求进行剖析：var xhr = new XMLHttpRequest（）;xhr.open（"GET", "send-ajax-data.php"）;xhr.send（null）;在...

JavaScript继承学习笔记【新手必看】

2017年02月06日 10 阅读

JavaScript作为一个面向对象语言（JS是基于对象的），可以实现继承是必不可少的，但是由于本身并没有类的概念,所以不会像真正的面向对象编程语言通过类实现继承，但可以通过其他方法实现继承。实现继承的方法很多，下面就只是其中的几种。一. 原型链继承function Person（） {//被继承的函数叫做超类型（父类，基类）this.name="mumu";this.age="18";}Person.prototype.name="susu";//当属性...

javascript关于继承解析

2017年02月06日 10 阅读

上一篇已介绍了组合继承，现在讲讲剩余的几种继承。原型式继承调用一个函数，接收这个函数返回来的对象，这个对象的原型就是传入函数的参数对象。如：functionpersonObject（o）{function F（）{}F.prototype = o;return new F（）;}var person = { name："Nicholas", friends：["Shelby"，"Court"，"Van"]}var person_one = personOb...

使用jQuery处理AJAX请求的基础学习教程

2017年02月06日 10 阅读

$.ajax快捷方法$.get（url,[data],[callback],[type]）$.post（url,[data],[callback],[type]）两种方法请求方式不同，其他方式相同.参数：url[请求地址]，data[请求的数据内容（obj对象）]，callback[回调函数（只能处理请求成功事件）]，type[请求返回数据的编码格式（默认ContentType指定格式）]$.get（"/test?x=1"）;$.get（"/tes...

JS上传组件FileUpload自定义模板的使用方法

2017年02月06日 11 阅读

FileUpload 是国外一个纯javascript 写的大文件上传组件，该组件支持分片上传，断点续传，多文件等功能。下面就为大家分享FileUpload上传组件自定义模板（FineUploaderBasic）的使用方法：以下是配置代码：前端配置：<！--定义按钮--><div id="basic_uploader_fine"><i class="icon-upload icon-white"></i>选...

详解原生JavaScript实现jQuery中AJAX处理的方法

2017年02月06日 10 阅读

在这篇文章，我使用 Node.js作为后端。没错，这就可以全栈（浏览器和服务器）JS了。Node.js 是很简洁的，我鼓励你能在 Github下载demo，并关注该项目。下面是服务器端的代码：// app.jsvar app = http.createServer（function（req, res）{if（req.url.indexOf（"/scripts/"） >= 0）{render（req.url.slice（1）, "application...

Web Uploader文件上传插件使用详解

2017年02月06日 10 阅读

WebUploader文件上传组件在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。一、功能介绍分片、并发分片与并发结合，将一个大文件分割成多块，并发上传，极大地提高大文件的上传速度。当网络问题导致传输错误时，只需要重传出错分片，而不是整个文件。另外分片传输...

简单解析JavaScript中的proto属性

2017年02月06日 10 阅读

JavaScript是一个面向对象语音，即一切皆对象。那么怎么生成对象？在Java的世界里，对象是由类（Class）实例出来的，通俗地说，就是将事物抽象成一个模具，用这个模具（类）生产出一个个具体的实物（对象）。可是JS中没有类这个概念，有的是“原型”，对象是由原型衍生出来的。通俗地说，在JS的世界里，“原型”并不是一个模具，而是一个具体的实物（对象）。所有对象都是由另一个对象衍生出来的，而这个被衍生的对象就是所谓的“原型对象”。在javascript中有...

JavaScript中的原型prototype完全解析

2017年02月06日 10 阅读

要理解JS中的prototype, 首先必须弄清楚以下几个概念 1. JS中所有的东西都是对象 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype// ["constructor", "toString", "toLocaleString", "valueOf", "hasOwnProperty", "isPrototypeOf",// "propertyIsEnumerable", "__def...

JavaScript根据CSS的Media Queries来判断浏览设备的方法

2017年02月06日 10 阅读

CSS 部分首先随便新建一个用来做判断的类，然后通过 Media Queries 来对这个类的 z-index 属性赋予不同的值。这个类仅作为 JavaScript 读取使用，所以需要将其移出屏幕窗口，让浏览者不可见以免引起意外情况。作为演示，下面代码设置了四种设备状态：桌面普通版、小屏幕桌面版、平板电脑版和手机版。/* default state */.state-indicator {position: absolute;top: -999em;lef...

解析JavaScript面向对象概念中的Object类型与作用域

2017年02月06日 11 阅读

引用类型引用类型主要包括：Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型等等。引用类型使用时，需要从它们身上生成一个对象（实例）。也就是说，引用类型相当于一个模版，当我们想要用某个引用类型的时候，就需要用这个模版来生成一个对象来使用，所以引用类型有时候也称作对象定义。例如，我们需要生成一个 person 对象，来定义某人的个人信息和行为，那么我们就需要依赖 Object 类型：var person = ne...

javascript简单判断输入内容是否合法的方法

2017年02月06日 10 阅读

本文实例讲述了javascript简单判断输入内容是否合法的方法。分享给大家供大家参考，具体如下：关于检测用户输入的内容是否有非法的字符检测实现思路1、定义合法的字符串（源字符串）2、获取用户输入的内容3、循环的取出用户输入的每一个字符，去源字符串中查找 1）、查找到了，返回字符串查找的位置 2）、没有找到返回-1，我们正好利用-1检测用户输入的内容是否合法<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0Tran...

Extjs4.0 ComboBox如何实现三级联动

2017年02月06日 10 阅读

很多网友在问，Extjs4.0 ComboBox如何实现，好在之前用3.x实现过一个三级联动，如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是，3.x中的model:"local"在Extjs4.0中用queryMode: "local"来表示，而且在3.x中Load数据时用reload，但是在extjs4.0中要使用load来获取数据。如下图：代码部分先看HTML代码：<html ><head><meta ht...

Javascript 实现广告后加载可加载百度谷歌联盟广告 <font color=red>原创</font>

2017年02月06日 11 阅读

本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。我们在网站上放置广告，最简单的方法就是把JS代码，插入指定的位置，这样带了后果就是，页面按照顺序加载，偶尔一条广告代码卡住，整个页面都会卡住，给用户带来的体验是极差的。那么怎么解决这种问题呢？先说一下原理，在我们的页面上先预留一些占位符，为了不影响页面内容的加载，我们在页面的底部引入JS处理，逐个...

jQuery链式调用与show知识浅析

2017年02月06日 10 阅读

上篇文章给大家介绍了jQuery的框架，有关jquery的基础知识可以参考下。jQuery使用许久了，但是有一些API的实现实在想不通。下面将使用简化的代码来介绍，主要关注jQuery的实现思想。相较于上一篇，代码更新了：21~78（function（window, undefined）{function jQuery（sel）{return new jQuery.prototype.init（sel）;}jQuery.prototype = {const...

首页 / 脚本样式 / JavaScript

网页前端登录js按Enter回车键实现登陆的两种方法

jQuery事件的绑定、触发、及监听方法简单说明

快速解决Canvas.toDataURL 图片跨域的问题

JavaScript的React Web库的理念剖析及基础上手指南

深入剖析JavaScript:Object类型

实例讲解使用原生JavaScript处理AJAX请求的方法

JavaScript继承学习笔记【新手必看】

javascript关于继承解析

使用jQuery处理AJAX请求的基础学习教程

JS上传组件FileUpload自定义模板的使用方法

详解原生JavaScript实现jQuery中AJAX处理的方法

Web Uploader文件上传插件使用详解

简单解析JavaScript中的__proto__属性

JavaScript中的原型prototype完全解析

JavaScript根据CSS的Media Queries来判断浏览设备的方法

解析JavaScript面向对象概念中的Object类型与作用域

javascript简单判断输入内容是否合法的方法

Extjs4.0 ComboBox如何实现三级联动

Javascript 实现广告后加载 可加载百度谷歌联盟广告 <font color=red>原创</font>

jQuery链式调用与show知识浅析

简单解析JavaScript中的proto属性

Javascript 实现广告后加载可加载百度谷歌联盟广告 <font color=red>原创</font>