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

JavaScript中动态向表格添加数据

2017年02月06日 143 阅读

利用JavaScript ，动态向表格中添加数据，其实方法很简单的，下面给大家分享下实现方法1. 首先先写出表格的表头和主干部分<table width="600" border="1" cellspacing="0"> <thead><tr><th>编号</th><th>姓名</th><th>职位</th><th>操作</th&g...

javascript 正则表达式去空行方法

2017年02月06日 93 阅读

去除前导和后续空格 /（^s*）|（s*$）/g 范例如下：函数体：String.prototype.trim=function（）{return this.replace（/（^s*）|（s*$）/g,""）;}使用方法：var s=" 你好 ";alert（ s.trim（））;如果要清楚所有空格，包括中间的，范例如下：var s="a b c ";String.prototype.clearSpacebar=function（）{return th...

AngularJS实现使用路由切换视图的方法

2017年02月06日 94 阅读

本文实例讲述了AngularJS实现使用路由切换视图的方法。分享给大家供大家参考，具体如下：下面是一个简单的学生信息管理实例。注意：除了引用angular.js之外，还要引用angular-route.js。1、创建index.html主视图在index.html主视图中，我们将会把多个视图共有的东西都放在里面，例如菜单。在这个例子中，我们仅仅把应用的标题放在里面，然后再用ng-view指令来告诉Angular把视图显示在哪儿。<！DOCTYPE h...

进阶之初探nodeJS

2017年02月06日 111 阅读

一、前言在"初探nodeJS"随笔中，我们对于node有了一个大致地了解，并在最后也通过一个示例，了解了如何快速地开启一个简单的服务器。今儿，再次看了该篇随笔，发现该随笔理论知识稍多，适合初级入门node，固萌生一个想法--想在该篇随笔中，通过一步步编写一个稍大一点的node示例，让我们在整体上更加全面地了解node。so，该篇随笔是建立在"初探nodeJS"之上的，固取名为"进阶之初探nodeJS"。好了，侃了这多，那么我们即将实现一个什么样的示例呢？示...

初探nodeJS

2017年02月06日 130 阅读

一、node概要对nodeJS早有耳闻，但是一直迟迟没有对它下手，哈哈哈，今儿咱就来初探一下它。nodeJS是个啥东东？nodeJS，我的理解就是可以运行在后端的JavaScript。为什么它能够在后端运行呢？这就得归功于V8引擎（V8是Google Chrome浏览器的JavaScript引擎），通过对高性能V8引擎的封装，并通过一系列优化的API类库，使其就能够在后端运行了。并且node有两大特点： 1、基于事件驱动； 2、无阻塞。从而nodeJS非常...

树结构之JavaScript

2017年02月06日 106 阅读

对于数据结构“树”，想必大家都熟悉，今儿，我们就再来回顾一下数据结构中的二叉树与树，并用JavaScript实现它们。ps:树结构在前端中，很多地方体现得淋漓尽致，如Vue的虚拟DOM以及冒泡等等。二叉树--概念--二叉树是一种树形结构，它的特点是每个结点至多只有两棵子树（即二叉树中不存在度大于2的结点），并且，二叉树的子树有左右之分，其次序不能任意颠倒。如下，就是一棵二叉树（注：下文二叉树相关例子，都以该二叉树为例）：且，遍历二叉树（traversing...

bootstrap table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）代码分享

2017年02月06日 89 阅读

1.bootstrap-table 单击单行选中$（"#gzrwTable"）.on（"click-row.bs.table", function（e, row, $element） {$（".success"）.removeClass（"success"）;// 清除前一次操作已选中行的选中状态$（$element）.addClass（"success"）;// 选中行添加选中状态}）;2.bootstrap-table 获取选中行信息function ...

Jquery树插件zTree实现菜单树

2017年02月06日 100 阅读

本文实例为大家分享了zTree插件实现菜单树的具体代码，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Title</title> <lin...

解决ajax不能访问本地文件问题（利用js跨域原理）

2017年02月06日 113 阅读

博主自己在开发一个无后台，只有前台的查询系统时，遇到一个困难，如何利用Ajax读取自己的本地json文件，百度、谷歌了下，发现大部分文章都是在说修改浏览器参数，但是自己想想，用户在使用时，还要修改浏览器的参数，这样显然降低了用户体验。自己琢磨了一段时间，发现可以利用js跨域原理来解决这个瓶颈。将之前要读取的json文件，变为js对象文件，这样就可以读取这个文件，然后写一个函数来对这个js对象进行解析。首先说明下js跨域原理和jsonp这个技术（如果说的不详...

JavaScript解析JSON格式数据的方法示例

2017年02月06日 128 阅读

本文实例讲述了JavaScript解析JSON格式数据的方法。分享给大家供大家参考，具体如下：1、使用JavaScript提供的eval（）函数function JsonText1（） {var strJSON = "{"Name":"Kevin","Age":"23"}"; //得到的JSONvar obj = eval（"（" + strJSON + "）"）; //转换后的JSON对象alert（obj.Name）;}2、使用JSON对象① 使用JS...

input获取焦点时底部菜单被顶上来问题的解决办法

2017年02月06日 96 阅读

代码如下所示：<div class="search-box"><input class="search-input" type="text" placeholder="请输入名称"></div><！--底部--><div id="mini_nav" class="nav bt-nav"><div><ul><li><a href="#"><spa...

图片上传之FileAPI与NodeJs

2017年02月06日 120 阅读

HTML5之fileAPIHTML5之fileAPI使得我们处理图片上传更加简单。实例html代码<div class="form-group"><label for="modal_inputFile" class="col-md-3 control-label label-font">位置图:</label><div class="col-md-9"> <input type="text" reado...

JS中绑定事件顺序（事件冒泡与事件捕获区别）

2017年02月06日 89 阅读

在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段（重要），这也是为什么当父类和子类都绑定了某个事件，会先调用子类绑定的事件，后调用父类的事件。直接看下面实例<！Doctype html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0...

js自制图片放大镜功能

2017年02月06日 94 阅读

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下注释：small img size：600x400big img size：1200x800原理：1、大图是小图的 2倍整2、大图以小图片中心点为中心 a.transform : translate（-50%,-50%） b.（rate-0.5）*50% c.clip : rect（t,r,b,l）以小图边界为边界3、rect必须有absolute4、获取鼠标在图片中的位...

JSON键值对序列化和反序列化解析

2017年02月06日 102 阅读

什么是JSON？JSON （JavaScript Object Notation） is a lightweight data-interchange format. It is easy for humans to read and write and easy for machines to parse and generate. JSON is a text format that is completely language independent...

js实现日历的简单算法

2017年02月06日 105 阅读

最近有用到日历可需要编辑文本的日历，为了绑定数据的方便，所以用js写了一套日历，其实思想也是很简单。实现步骤如下：1、首先取得处理月的总天数JS不提供此参数，我们需要计算。考虑到闰年问题会影响二月份的天数，我们先编写一个判断闰年的自编函数：function is_leap（year） { return （year%100==0?res=（year%400==0?1:0）:res=（year%4==0?1:0））;}2、接着定义一个包...

谈谈JavaScript数组常用方法总结

2017年02月06日 91 阅读

在JavaScript中，我们需要时常对数组进行操作，现在特将常用方法总结如下：1.增加数据在JavaScript为数组增加数据主要分为两种方式。从数组末尾增加内容：push方法从数组的前端增加内容：unshift方法这两种方法的返回值都是数组的长度var arr=[1,2,3]; //从末尾增加 arr.push（4）; console.log（arr）;//[1,2,3,4]//从前端增加 arr.unshift（0）; console.log（arr...

jquery 实现复选框的全选操作实例代码

2017年02月06日 88 阅读

jquery 实现复选框的全选操作实例代码最近做了个需求，需要实现列表复选框的全选/取消全选操作，由于之前对这块不是很了解，所以从网上查了一些资料，虽然有各种实现方法，但没找到直接可以套用的。自己琢磨了下，把功能实现，整理如下。实现细节如有可改进的地方，不吝赐教。首先是html部分的代码，这里有一个表格，表格里面有一些选项：<div id="list"> <table> <tr><td>选项1<inpu...

angular和BootStrap3实现购物车功能

2017年02月06日 88 阅读

一、页面搭建1、html结构采用BootStrap3来快速创建一个购物车表单样式。主要功能： A：列表数据所示 B：增加删除端口 C：清空购物车 D：商品数量的增减 E：动态计算商品价格以及总价<！DOCTYPE html><html lang="en" ng-app="app"><head> <meta charset="UTF-8"> <title>购物车</title> <...

基于Marquee.js插件实现的跑马灯效果示例

2017年02月06日 161 阅读

本文实例讲述了基于Marquee.js插件实现的跑马灯效果。分享给大家供大家参考，具体如下：1、Marquee.js文件/****************************************************************- Marquee.js- 参数：- ID：滚动对象（必须）- Direction：滚动方向（"top": 0, "up": 0, "bottom": 1, "down": 1, "left": 2, "rig...

首页 / 脚本样式 / JavaScript

JavaScript中动态向表格添加数据

javascript 正则表达式去空行方法

AngularJS实现使用路由切换视图的方法

进阶之初探nodeJS

初探nodeJS

树结构之JavaScript

bootstrap table之通用方法（ 时间控件，导出，动态下拉框， 表单验证 ，选中与获取信息）代码分享

Jquery树插件zTree实现菜单树

解决ajax不能访问本地文件问题（利用js跨域原理）

JavaScript解析JSON格式数据的方法示例

input获取焦点时底部菜单被顶上来问题的解决办法

图片上传之FileAPI与NodeJs

JS中绑定事件顺序（事件冒泡与事件捕获区别）

js自制图片放大镜功能

JSON键值对序列化和反序列化解析

js实现日历的简单算法

谈谈JavaScript数组常用方法总结

jquery 实现复选框的全选操作实例代码

angular和BootStrap3实现购物车功能

基于Marquee.js插件实现的跑马灯效果示例

bootstrap table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）代码分享