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

不同js异步函数同步的实现方法

2017年02月06日 9 阅读

不同函数达到同步的函数模拟funcList是函数执行函数的队列，其中回调函数中flag=true是同步标记量<script>var flag = false;function funcTest（t,func）{setTimeout（function（）{ （function（param）{ console.log（param）; func（）; }（t））; },t*1000）;}var funcList = [];funcList.push（...

动态更新highcharts数据的实现方法

2017年02月06日 9 阅读

动态更新highcharts数据的实现方法<！doctype html><html><head><script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script><script type="text/javascript" src="http://cdn.hcharts...

Highcharts 多个Y轴动态刷新数据的实现代码

2017年02月06日 9 阅读

效果图：js代码：$（function（） {$（document）.ready（function（） {Highcharts.setOptions（{global: {useUTC: false}}）;var chart;chart = new Highcharts.Chart（{chart: {renderTo: "container",type: "spline",animation: Highcharts.svg,// don"t animate ...

关于function类中定义变量this的简单说明

2017年02月06日 9 阅读

关于function类中定义变量this的简单说明<！DOCTYPE html> <html><head> </head> <script>function TObject（）{ this.name1 = "aa";//这里不能写name，name是window的变量。否则无法得到验证结果}var t = new TObject（）;//执行中,this代表talert（"window1="+th...

深入理解js中this的用法

2017年02月06日 10 阅读

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test（） {this.x = 1;alert（x）;}test（）;其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。var x = 1;func...

深入理解JS函数的参数（arguments）的使用

2017年02月06日 9 阅读

JS函数的参数在function内可以用arguments对象来获取。参数的调用有两种方式：1、期望参数的使用。2、实际传递参数的使用。应用举例：function Test（a, b）{var i, s = "Test函数有";var numargs = arguments.length; // 获取实际被传递参数的数值。var expargs = Test.length; // 获取期望参数的数值，函数定义时的预期参数个数（有a和b 2个参数）。s +=...

JS函数arguments数组获得实际传参数个数的实现方法

2017年02月06日 9 阅读

JS与PHP在函数传参方面有点不同，PHP形参与实参个数要匹配，而JS就灵活多了，可以随意传参，实参比形参少或多都不会报错。实参比形参多不会报错function say（a）{alert（a）; } say（"琼台博客","WEB技术博客"）; 执行结果我们再来看看形参比实参多的结果function say（a,b）{alert（"a 的值是 "+a+" b 的值是 "+b）; } say（"琼台博客"）; 执行结果a 对应第一个实参“琼台博客”，b 没有...

js和C# 时间日期格式转换的简单实例

2017年02月06日 9 阅读

下午在搞MVC和EXTJS的日期格式互相转换遇到了问题，我们从.NET服务器端序列化一个DateTime对象的结果是一个字符串格式，如 "/Date（1335258540000）/" 这样的字串。整数1335258540000实际上是一个1970 年 1 月 1 日 00:00:00至这个DateTime中间间隔的毫秒数。通过javascript用eval函数可以把这个日期字符串转换为一个带有时区的Date对象，如下用var date = eval（"ne...

深入理解js函数的作用域与this指向

2017年02月06日 9 阅读

函数的作用域与this指向是js中很重要的一部分，理清这点东西需要个逻辑，看看我的逻辑怎么样...下面是个提纲，可以直接挑你感兴趣的条目阅读。• 函数的定义方式：直接定义（window下，内部定义），对象的方法，对象原型的方法；• 函数的调用方式：直接调用，call/apply，with• 对于直接定义的函数和对象的方法，作用域默认状态下是它的定义处的作用域链。• 对于直接定义的函数，this指向window...

深入理解js数组的sort排序

2017年02月06日 10 阅读

废话少说直接上代码：<body><div>sort（）对数组排序，不开辟新的内存，对原有数组元素进行调换</div><div id="showBox">1、简单数组简单排序<script type="text/javascript">var arrSimple=new Array（1,8,7,6）;arrSimple.sort（）;document.writeln（arrSimple.join（）...

bootstrap和jQuery.Gantt的css冲突如何解决

2017年02月06日 9 阅读

bootstrap是广泛使用的一个前端框架，而jQuery.Gantt在目前也是一个很好用的用于绘制甘特图的插件。这次在同时使用它们时，发现甘特图显示异常，如图不加载bootstrap.css，甘特图就不会出问题，很容易就定位出现bootstrap的css冲突问题。但是要实际定位到具体是哪个样式所导致的却花了一些功夫。1、先看了甘特图里与bootstrap的重复样式，有一个.row，于是我把gantt插件的row全部修改成了ganttrow，发现没效果。2...

解读Bootstrap v4 sass设计

2017年02月06日 10 阅读

首先关于bootstrap从v3的less转到v4的sass的十万个为什么，这里暂且不表（计划会另起一篇文章对比less，sass，postcss）。一起走进bootstrap v4 sass1、bootstrap的sass文件都放在scss目录，为什么名字是scss而不是sass呢？主要涉及到sass与scss两种语法的区别，scss语法更接近css，所以更受大家喜爱，使用更广泛。具体可参考 sass 语法2、scss文件分为两种，一种是以下划线开头的如...

js实现精确到秒的倒计时效果

2017年02月06日 9 阅读

本文实例为大家分享了两种倒计时效果，供大家参考，具体内容如下效果图：1.倒计时效果 <！DOCTYPE html><html> <head><meta charset="utf-8"/><title>倒计时</title><link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8"/>...

js省市县三级联动效果实例

2017年02月06日 9 阅读

本文实例讲述了js实现简单的省市县三级联动效果。分享给大家供大家参考，具体如下：效果图：实现代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>城市三级联动</title><style type="text/css">*{ padding:0; margin...

原生JavaScript编写canvas版的连连看游戏

2017年02月06日 9 阅读

本文实例为大家分享了JavaScript编写canvas版的连连看游戏的具体实现代码，供大家参考，具体内容如下效果图：实现代码：<！DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ /*border: 1px solid #D1D1D1; */ overflow: ...

js实现可控制左右方向的无缝滚动效果

2017年02月06日 9 阅读

本文实例为大家分享了无缝滚动效果JavaScript代码实现，供大家参考，具体内容如下】效果图：实现代码：<！DOCTYPE html><html><head><meta charset="gb2312" /><title>zzzz</title><style>*{margin: 0;padding:0;}body{width: 1000px;margin: 100px a...

js剪切板应用clipboardData实例解析

2017年02月06日 9 阅读

目前仅有高版本的 Chrome 浏览器支持这样直接粘贴，其他浏览器目前为止还无法粘贴,不过火狐和ie11浏览器在可编辑的div中能够粘贴截图的图片也是base64位和Chrome利用clipboardData的效果是一样的，只是在火狐和ie11浏览器中目前还无法实现类似用clipboardData直接获取图片的base64数据，它是自带的直接进去img数据。完整实例：<！DOCTYPE HTML><html lang="en-US">...

javascript实现粘贴qq截图功能（clipboardData）

2017年02月06日 9 阅读

这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图、旺旺截图或者其它截图软件。具体代码如下。<！DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>利用 clipboardData 在网页中实现截屏粘贴的功能</title><...

jQuery中使用animate自定义动画的方法

2017年02月06日 9 阅读

动画 animate（） 01.animate（）方法的简单使用有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就是强大的animate方法了。操作一个元素执行3秒的淡入动画，对比下一下2组动画设置的区别。$（elem）.fadeOut（3000） $（elem）.animate（{ opacity:0},3000）显而易见，animate方法更加灵活了，可以精确的控制样式属性从而执行动画。语法：1 .animate（ prope...

jQuery实现图像旋转动画效果

2017年02月06日 9 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：<！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>...

首页 / 脚本样式 / JavaScript

不同js异步函数同步的实现方法

动态更新highcharts数据的实现方法

Highcharts 多个Y轴动态刷新数据的实现代码

关于function类中定义变量this的简单说明

深入理解js中this的用法

深入理解JS函数的参数（arguments）的使用

JS函数arguments数组获得实际传参数个数的实现方法

js和C# 时间日期格式转换的简单实例

深入理解js函数的作用域与this指向

深入理解js数组的sort排序

bootstrap和jQuery.Gantt的css冲突 如何解决

解读Bootstrap v4 sass设计

js实现精确到秒的倒计时效果

js省市县三级联动效果实例

原生JavaScript编写canvas版的连连看游戏

js实现可控制左右方向的无缝滚动效果

js剪切板应用clipboardData实例解析

javascript实现粘贴qq截图功能（clipboardData）

jQuery中使用animate自定义动画的方法

jQuery实现图像旋转动画效果

bootstrap和jQuery.Gantt的css冲突如何解决