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

JS控制静态页面传递参数并获取参数应用

2016年08月18日 18 阅读

在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面这是a页面代码：<button&g...

封装的dialog插件基于bootstrap模态对话框的简单扩展

2016年08月18日 17 阅读

在使用bootstrap 模态对话框时需要在页面写对话框html，如果一个页面有许多地方需要对话框，那意味着需要写多个，感觉很麻烦，平时不太习惯bootstrap 模态对话框这种方式，所以做了个简单封装及扩展，增加了自定义标题，宽度和高度，并根据宽高居中显示。默认属性：id:"modal",//弹窗idtitle:"dialog",//弹窗标题width:"600",//弹窗宽度，暂时不支持%height:"500",//弹窗高度,不支持%backdrop...

浅谈JS中的bind方法与函数柯里化

2016年08月18日 18 阅读

绑定函数bind（）最简单的用法是创建一个函数，使这个函数不论怎么调用都有同样的this值。不同于call和apply只是单纯地设置this的值后传参，它还会将所有传入bind（）方法中的实参（第一个参数之后的参数）与this一起绑定。关于这个特性看《JS权威指南》原文的例子：var sum = function（x,y） { return x + y }; var succ = sum.bind（null, 1）; //让this指向null，其后的实参...

JS控制静态页面之间传递参数获取参数并应用的简单实例

2016年08月18日 15 阅读

在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面这是a页面代码：<button&g...

JavaScript中自带的 reduce（）方法使用示例详解

2016年08月18日 25 阅读

1.方法说明 , Array的reduce（）把一个函数作用在这个Array的[x1, x2, x3...]上，这个函数必须接收两个参数，reduce（）把结果继续和序列的下一个元素做累积计算，其效果就是：[x1, x2, x3, x4].reduce（f） = f（f（f（x1, x2）, x3）, x4） 2. 使用示例"use strict";function string2int（s）{if（！s）{alert（"the params empty"...

JavaScript实现刷新不重记的倒计时

2016年08月18日 23 阅读

前言JavaScript倒计时，实现起来不难，但是一刷新往往就重新计算了，如果要实现刷新不重计该如何做呢？有这么几种思路， 1：cookie 2：本地缓存 3：window.name ……前两种比较容易理解，今天我来为大家实现使用window.name实现刷新不重计，代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

浅析JavaScript函数的调用模式

2016年08月18日 17 阅读

我们说一个函数的调用模式是作为一个函数来调用，是要与其它三种调用模式做区分函数其他的三种调用: 方法调用模式，构造器调用模式，apply/call调用模式。方法的调用模式:var obj={ fun1: function（）{//方法内容this; //指的是window }}obj.fun1（） //方法的调用构造器的调用:function Person（name, age, job）{ this.name = name; this.age = age;...

JS获取鼠标选中的文字

2016年08月18日 19 阅读

js获取鼠标选中的文字代码如下所示：<html><head><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js获取鼠标选中的文字</title> <SCRIPT LANGUAGE="JavaScript"><！--function SelectTex...

BootStrap中Datepicker控件带中文的js文件

2016年08月18日 21 阅读

bootstrap-datepicker 是一个非常优秀的时间选择插件，默认是英文显示日期的。本文给大家介绍bootstrap datepicker带中文的js文件。//用之前引用bootstrap的jsif （$（".datepicker"）.length > 0） {$（".datepicker"）.datepicker（{language: "zh-CN",autoclose: true,//选中之后自动隐藏日期选择框clearBtn: tru...

BootStrap Typeahead自动补全插件实例代码

2016年08月18日 14 阅读

关键代码如下所示：$（"#Sale"）.typeahead（{ajax: {url: "@Url.Action（"../Contract/GetSale"）",//timeout: 300,method: "post",triggerLength: 1,loadingClass: null,preProcess: function （result） {return result;}},display: "Value",val: "ID",items: 10...

基于JSON格式数据的简单jQuery幻灯片插件（jquery-slider）

2016年08月18日 14 阅读

jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等，你可以通过更换JSON数据来动态切换不同的图片。在线预览源码下载使用方法在页面中引入jquery和slider.js文件和font-awesome字体图标文件。<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/...

使用BootStrap实现用户登录界面UI

2016年08月18日 21 阅读

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现思路详解。布局1.左右各一半（col-md-6）2.左侧登录框占左侧一半的10/123.右侧是登录系统的注意事项使用到的HTML元素well输入框组（input-group）按钮（btn-success）HTML代码<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-right:1...

vue分页组件table-pagebar使用实例解析

2016年08月18日 19 阅读

之前一直接触都是原始的前端模型，jquery+bootstrap，冗杂的dom操作，繁琐的更新绑定。接触vue后，对前端MVVM框架有了全新的认识。本文是基于webpack+vue构建，由于之前的工作主要是基于java的服务端开发工作，对前端框架和组件的理解，不够深入，借此来记录在前端框架使用和构建中的点点滴滴。此分页组件参照于bootstrap-datatable底部分页开发完成，相关参数增加自定义功能。最终使用展现效果图如下，数据来源于cnodejs【...

原生态js,鼠标按下后,经过了那些单元格的简单实例

2016年08月18日 21 阅读

本来是要判断那些单元格被选中，结果发现行不通，只能判断鼠标按下后，经过了那些单元格之所以发出来，是觉得案例还有很多有意思的地方onmouseover 的持续触发，导致了很多重复元素由于将事件绑定在整个table上，还出现了undefined鼠标的反复进入进出，会导致相同元素的断断续续的重复，如何解决他们！<table border="1" id="dnf"> <tr> <td rowspan="2">2</td&g...

js倒计时简单实现代码

2016年08月18日 17 阅读

倒计时：1.设置一个有效的结束日期2.计算剩余时间3.将时间转换成可用的格式4.输出时钟数据作为一个可重用的对象5.在页面上显示时钟，并在它到达0时停止html<div id="clock"><span id="days"></span>天<span id="hours"></span>时<span id="minutes"></span>分<span id="sec...

浅谈js中对象的使用

2016年08月18日 17 阅读

简单记录javascript中对象的使用一、创建对象//创建一个空对象var o={};//创建一个含有两个属性的对象，x、yvar o2={x:12,y:"12",name:"JS"};//此对象中的author属性的值还是一个对象var o3={x:12,author:{name:"JS",age:23,address:"china"}};//创建一个空对象和{}一样var o4=new Object（）;//给对象增加name属性o4.name="J...

Node.js中防止错误导致的进程阻塞的方法

2016年08月18日 16 阅读

在Node.js中，当某个回调函数发生了错误，整个进程都会崩溃，影响后面的代码执行。Node.js这样处理，是因为在发生未被捕获的错误时，进程的状态就不确定。之后也就无法正常工作了。如果错误始终不处理的话，就回一直抛出意料之外的错误，这样不利于调试。防止错误导致的进程阻塞的方法主要有如下两种：一. try-catchtry-catch允许进行异常捕获，并让代码继续执行下去：例如：当函数抛出错误时，代码就停止执行了：（function（） {var a = ...

JS中的hasOwnProperty（）和isPrototypeOf（）属性实例详解

2016年08月18日 18 阅读

这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty（）和Object.prototype.isPropertyOf（）先讲解hasOwnProperty（）方法和使用。在讲解isPropertyOf（）方法和使用看懂这些至少要懂原型链一、Object.prototype.hasOwnProperty（）概述hasOwnProperty（）方法用来判断某个对象是否含有指定的自身属性语法obj....

基于js对象,操作属性、方法详解

2016年08月18日 14 阅读

一，概述在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。目前在Javascript中，已经存在一些标准的类，例如Date、Array、RegExp、String、Math、Number等等，这为我们编程提供了许多方便。但对于复杂的客户端程序而言，这些还远远不够。与Java不同，Java2提供给我们的标准类很多，基本上满足了我们的编程需求，但...

JS中的hasOwnProperty（）、propertyIsEnumerable（）和isPrototypeOf（）

2016年08月18日 13 阅读

首先了解枚举属性一般利用for~in遍历var a = [1,2,3];for（var i in a）{console.log（a[i]）;}orvar o = {p1:1,p2:2};for（var i in o）{console.log（i+"="+o[i]）;}//p1=1;p2=2;<1>并不是所有的属性都会在for~in遍历中显示。比如（数组的）length属性和constructor属性。那些已经被显示的属性被称为可枚举的，可以通过...

首页 / 脚本样式 / JavaScript

JS控制静态页面传递参数并获取参数应用

封装的dialog插件 基于bootstrap模态对话框的简单扩展

浅谈JS中的bind方法与函数柯里化

JS控制静态页面之间传递参数获取参数并应用的简单实例

JavaScript中自带的 reduce（）方法使用示例详解

JavaScript实现刷新不重记的倒计时

浅析JavaScript函数的调用模式

JS获取鼠标选中的文字

BootStrap中Datepicker控件带中文的js文件

BootStrap Typeahead自动补全插件实例代码

基于JSON格式数据的简单jQuery幻灯片插件（jquery-slider）

使用BootStrap实现用户登录界面UI

vue分页组件table-pagebar使用实例解析

原生态js,鼠标按下后,经过了那些单元格的简单实例

js倒计时简单实现代码

浅谈js中对象的使用

Node.js中防止错误导致的进程阻塞的方法

JS中的hasOwnProperty（）和isPrototypeOf（）属性实例详解

基于js对象,操作属性、方法详解

JS中的hasOwnProperty（）、propertyIsEnumerable（）和isPrototypeOf（）

封装的dialog插件基于bootstrap模态对话框的简单扩展