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

javascript类型系统——undefined和null全面了解

2016年07月28日 14 阅读

前面的话一般的程序语言，表示空的只有null，但javascript的设计者Brendan Eich却设计了一个undefined，这无疑增加了程序复杂度，但这样做也是有一定原因的。本文将详细介绍javascript中的undefined和null历史原因1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示”无”的值。根据C语言的传统，null被设计成可以自动转为0但是，JavaScript的设计者Brendan Eich，觉...

用原生JS对AJAX做简单封装的实例代码

2016年07月28日 14 阅读

首先，我们需要xhr对象。这对我们来说不难，封装成一个函数。var createAjax = function（） { var xhr = null; try { //IE系列浏览器 xhr = new ActiveXObject（"microsoft.xmlhttp"）;} catch （e1） { try { //非IE浏览器 xhr = new XMLHttpRequest（）;} catch （e2） { window.alert（"您的浏览器不支...

使用jQuery加载html页面到指定的div实现方法

2016年07月28日 13 阅读

一、jQuery加载一个html页面到指定的div里把a.html里面的某一部份的内容加载到b.html的一个div里。比如：加载a.html里面的<div id=“row"></div>这个div里面的所有内容加载到b.html的这个div里<div id="content"></div>用jquery ajax 可以实现假设 a.html 和b.html在同一目录b.html <script >...

用jQuery向div中添加Html文本内容的简单实现

2016年07月28日 13 阅读

前台代码：<link href="http://www.jb51.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /><script src="http://www.jb51.net/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script><script ...

jQuery实现div横向拖拽排序的简单实例

2016年07月28日 13 阅读

实例如下：<！DOCTYPE HTML><html><head><meta charset="UTF-8"><title>div横向拖拽排序</title><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><style type="text/css">body,di...

Bootstrap的Refresh Icon也spin起来

2016年07月28日 12 阅读

bootstrap下面有个glyphicon-refresh，但是不会自定动态spin[旋转]，下面提供下我的实例.spin{-webkit-transform-origin: 50% 50%;transform-origin:50% 50%;-ms-transform-origin:50% 50%; /* IE 9 */-webkit-animation: spin .8s infinite linear;-moz-animation: spin .8s...

JS基础随笔（菜鸟必看篇）

2016年07月28日 12 阅读

在学习的过程中总会一次次的冒出以前囫囵吞枣的地方，下面将今天学到的一下知识点记录下来方便以后查看。JavaScript中的数据类型简单（基本）数据类型：Number、String、Boolean、Undefined、Null复杂（引用）数据类型: Object、Array、Date、function等下面介绍一下简单（基本）数据类型和复杂（引用）数据类型的区别：简单数据类型：在栈内直接存储值，如下图所示复杂数据类型：在栈内存储引用，如下图在了解以上两种数据...

Javascript类型系统之undefined和null浅析

2016年07月28日 12 阅读

前面的话一般的程序语言，表示空的只有null，但javascript的设计者Brendan Eich却设计了一个undefined，这无疑增加了程序复杂度，但这样做也是有一定原因的。本文将详细介绍javascript中的undefined和null历史原因 1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示”无”的值。根据C语言的传统，null被设计成可以自动转为0 但是，JavaScript的设计者Brendan ...

jquery计算出left和top,让一个div水平垂直居中的简单实例

2016年07月28日 12 阅读

实例如下：if（$（"#cont1"）.css（"position"）！="fixed"）{$（"#cont1"）.css（"position","absolute"）;var dw = $（window）.width（）;var ow = $（"#cont1"）.outerWidth（）;var dh = $（window）.height（）;var oh = $（"#cont1"）.outerHeight（）;var l = （dw - ow） / 2...

瀑布流的实现方式（原生js+jquery+css3）

2016年07月28日 12 阅读

前言项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的...原生javascript版<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流-javascript</title> <st...

原生js仿jquery animate动画效果

2016年07月28日 17 阅读

jquery animate动画效果：代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style>*{margin:0;padding:0;}.box{width: 400px;height: 300px;background: #000;margin:40p...

js实现可键盘控制的简单抽奖程序

2016年07月28日 17 阅读

本文实例为大家分享了js抽奖程序的编写代码，以及编写注意事项，感兴趣的小伙伴们可以参考一下代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简单抽奖（可用键盘）</title><style>*{margin:0;padding:0;}.box{width: 400px;height: 3...

JS中如何比较两个Json对象是否相等实例代码

2016年07月28日 14 阅读

在js前端面试过程中，经常会遇到这样的笔试题：JS中如何比较两个Json对象是否相等实例代码，下面小编抽点时间给大家整理下，一起看看吧。1.先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度function isObj（object） {return object && typeof （object） == "object" && Object.prototype.toString.call（object）.toLowerCase（） =...

AngularJS实用开发技巧（推荐）

2016年07月28日 18 阅读

一、开端Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与jQuery 配合良好。二、基础原则了解①angular的一些入门了解一、基础知识1.angular放弃了IE82.四大核心分别是mvc、模块化、指令系统、双向数据绑定二、一些原则1.不要复用controller，一个控制器一般只负责一小块视图。2.不要在con...

javascript超过容器后显示省略号效果的方法（兼容一行或者多行）

2016年07月28日 12 阅读

javascript超过容器后显示省略号效果在实际的项目中，由于文字内容的长度不确定性和页面布局的固定性，难免会出现文字内容超过div（或其他标签，下同）区域的情况，此时比较好的做法就是当文字超过限定的div宽度后自动以省略号（…）显示，这样，按照习惯，人们都会知道这儿有文字被省略了。css中有个属性叫做text-overflow:ellipsis;比如使用css可以这样写：{width:27em; white-space:nowrap; text-ove...

原生javascript 学习之js变量全面了解

2016年07月28日 14 阅读

1.变量的命名方法的命名（驼峰命名法）全部小写：单词与单词之间全部下划线（my_namespace）大小写混合 : 第一个单词首字母小写其他单词首字母大写。规则首字符英文字母或下划线组成英文字母数字下划线禁忌 JavaScript 关键字保留字2. 变量的声明显示声明 : var 关键字陋习 : 没有类型重复声明隐式声明不声明直接赋值正解：先声明后读写先赋值后运算3. 变量类型值类型 A）占用空间固定保...

js计算系统当前日期是星期几的方法

2016年07月28日 13 阅读

本文实例为大家分享了4种js计算系统当前日期是星期几的方法，供大家参考，具体内容如下方法一：// 计算系统当前是星期几var str = "今天是星期" + "日一二三四五六".charat（new date（）.getday（））;方法二：var a = new array（"日", "一", "二", "三", "四", "五", "六"）;var week = new date（）.getday（）;var str = "今天是星期"+ a[week...

全面了解addEventListener和on的区别

2016年07月28日 15 阅读

为什么需要addEventListener？先来看一个片段：html代码<div id="box">追梦子</div>用on的代码window.onload = function（）{var box = document.getElementById（"box"）;box.onclick = function（）{console.log（"我是box1"）;}box.onclick = function（）{box.style.fo...

ui组件之input多选下拉实现方法（带有搜索功能）

2016年07月28日 16 阅读

我的风格，先上效果图，如果大家感觉还不错，请参考实现代码。废话不说先看div层次结构<！-- 最外层div 可以任意指定主要用于定义子元素宽度 --><div class="col-xs-10" style="width:800px"><！-- 表单label 添加文字提示 --><label for="" class="label-control">全文检索</label><！-- 多...

浅谈addEventListener和attachEvent的区别

2016年07月28日 18 阅读

• addEventListener共有3个参数，如下所示：element.addEventListener（type,listener,useCapture）;参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听函数，注意只写函数名，不要带括号。userCap...

首页 / 脚本样式 / JavaScript

javascript类型系统——undefined和null全面了解

用原生JS对AJAX做简单封装的实例代码

使用jQuery加载html页面到指定的div实现方法

用jQuery向div中添加Html文本内容的简单实现

jQuery实现div横向拖拽排序的简单实例

Bootstrap的Refresh Icon也spin起来

JS基础随笔（菜鸟必看篇）

Javascript类型系统之undefined和null浅析

jquery计算出left和top,让一个div水平垂直居中的简单实例

瀑布流的实现方式（原生js+jquery+css3）

原生js仿jquery animate动画效果

js实现可键盘控制的简单抽奖程序

JS中如何比较两个Json对象是否相等实例代码

AngularJS实用开发技巧（推荐）

javascript超过容器后显示省略号效果的方法（兼容一行或者多行）

原生javascript 学习之js变量全面了解

js计算系统当前日期是星期几的方法

全面了解addEventListener和on的区别

ui组件之input多选下拉实现方法（带有搜索功能）

浅谈addEventListener和attachEvent的区别