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

JavaScript操纵窗口的方法小结

2016年07月27日 7 阅读

在前面的介绍中，我们讨论过close（）方法：复制代码代码如下: win = window.open（"http://www.jb51.net/", "js"）； win.close（）； JavaScript提供了许多方法与属性，我们可以使用它们来控制窗口。移动、滚动、改变大小下面的方法（N4+，IE4+）负责个定窗口的移动、滚动以及大小改变操作：复制代码代码如下: // 移动窗口的屏幕位置到指定的偏移x 、y（绝对移动） wind...

javascript实现文字图片上下滚动的具体实例

2016年07月27日 5 阅读

复制代码代码如下:<div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="demo1"> 文章标题列表 </div> <div id="demo2"></div> </div> <...

jquery中通过父级查找进行定位示例

2016年07月27日 5 阅读

复制代码代码如下: <ul id=“newslist”> <li> <span class="fr w160 tl">2013-06-24</span> <span class="news_list_icon fl mr8 icon" ></span> <span class="fl"><a href="{href}" onmouseover="javascript...

纯JavaScript实现HTML5 Canvas六种特效滤镜示例

2016年07月27日 7 阅读

小试牛刀，实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为： 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.镜像滤镜原理解释： 1.反色：获取一个像素点RGB值r, g, b则新的RGB值为（255-r, 255-g, 255-b） 2.灰色调：获取一个像素点RGB值r, g, b则新的RGB值为复制代码代码如下: newr ...

基于SVG的web页面图形绘制API介绍及编程演示

2016年07月27日 7 阅读

一：什么是SVG SVG是1999由W3C发布的2D图形描述语言，纯基于XML格式的标记语言，SVG的全称是可扩展的矢量图形跟传统的Raster方式的图形（JPG, PNG, GIF等）有很大的差别。SVG是2D图形开发平台，包括两个部分，一个是基于XML语言的数据描述，另外一部分是可编程的API，其关键特性支持图形，文本，梯度填充，画笔风格，图形特效滤镜如高斯模糊，会在稍后的代码中演示。同时还支持各种鼠标事件与DOM部分API。几乎所有的主流浏...

jquery异步跨域访问代码

2016年07月27日 6 阅读

复制代码代码如下:/* $.ajax（{ url : url, type : "POST", data : { CorpID : CorpID, Pwd : Pwd, Mobile : Mobile, Content : Content, Cell : "", SendTime : "" }, async : true,//异步 dataType : "text",//"text","jsonp" success : func...

JavaScript和CSS通过expression实现Table居中显示

2016年07月27日 7 阅读

上篇博客说的是将div设置为居中显示，今天来分享一下如何将表格居中的显示。至于居中的原理就不说了，可以看一下我的上篇博客，这次没有使用window的两个事件，而是使用一个叫expression的函数。现在多数的浏览器都支持这个函数。在写上一篇博客的时候，我脑里想能不能把计算后的值赋给css的left和top属性呢？后来查阅资料找到了这个函数。这个函数用来把CSS属性和JavaScript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义的...

.net JS模拟Repeater控件的实现代码

2016年07月27日 7 阅读

功能强大的模板引擎大都需要对模板进行语法解析，会有性能问题。通过把一个大的模板引擎根据不同呈现需求分隔成多个互相独立模板控件，可以降低处理复杂度提供处理性能,可以根据需求灵活组合这些模板控件得到一个可以定制的模板功能库。 JavaScript Repeater控件代码名称最新价涨跌额涨跌幅开盘最高最低昨收代码名称最新价涨跌额涨跌幅开盘最高最低昨收 {$dataRow[1]} {$data...

Extjs4 类的定义和扩展实例

2016年07月27日 5 阅读

一般定义方式，注意方法和函数的添加方式不同。（添加函数只能用override方式添加不知为什么，有知道的，请搞之。）定义一个类，并给他一个方法复制代码代码如下: Ext.define（"Simple.Class",{ welcome:function（）{ alert（"Welcome to the app"）; } }）; 使用Ext.override方法对已有类进行重载并添加函数复制代码代码如下: Ext.override（Simle.Cl...

Javascript无阻塞加载具体方式

2016年07月27日 5 阅读

看了《高性能JavaScript》的读书笔记几个原则：1、将脚本放在底部<link>还是在head中，用以保证在js加载前，能加载出正常显示的页面。<script>放在</body>前。2、成组脚本由于每个<script>标签下载时阻塞页面解析过程，所以限制页面的<script>总数也可以改善性能。适用于内联脚本和外部脚本。3、非阻塞脚本等页面完成加载后，再加载js代码。也就是，在window.l...

js复制到剪切板的实例方法

2016年07月27日 7 阅读

复制代码代码如下:<script type="text/javascript" language="javascript"> //复制到剪切板js代码 function copyToClipBoard（s） { //alert（s）; if （window.clipboardData） { window.clipboardData.setData（"Text", s）; alert（"已经复制到剪切板！"+ " " + s）; ...

js实时获取系统当前时间实例代码

2016年07月27日 5 阅读

（1）：首先用JS编写实时显示系统时间的函数 clockon（）只有一个参数bgclock，用于指定显示用于转化后的<div>标记的名称，无返回值，大家进行网站开发时可以将改函数保存在JS文件中，以便重用代码如下：复制代码代码如下:<script>function clockon（bgclock）{ var now = new Date（）; var year = now.getYear（）; var month = now....

jQuery随便控制任意div隐藏的方法

2016年07月27日 5 阅读

复制代码代码如下:<！DOCTYPE html><html><head> <style> div { background:#ece023; width:30px; height:40px; margin:2px; float:left; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"><...

Javascript实现重力弹跳拖拽运动效果示例

2016年07月27日 6 阅读

演示地址： http://www.ihuxu.com/project/gcdmove/调用示例： var GCDM = gcdMove（oDiv,100,0）; GCDM.startMove（）;//开始运动 GCDM.stopMove（）;//结束运动该段JS代码已经封装好了，代码如下：简要说明 - obj为要改动的对象元素，通常为某个div；iSpeedX，iSpeedY为div出师的横向（右侧），竖向（下）的初始速度，当然也可以设为零。复制代码...

Ext JS添加子组件的误区探讨

2016年07月27日 5 阅读

经常会有人问我，为什么我的Grid不能岁窗口的变得而自动调整。了解后，发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里，而这正是问题的所在。在Ext JS的布局系统中，能控制到的是容器的子组件，而对于渲染到容器中一个DIV的Grid，它并不知道在这容器里添加了一个Grid，当调整大小的时候，也就无法去调整Grid的大小了，而这也就是为什么Grid不会随容器的改变而改变了。为什么那么多人喜欢使用这种方式来添加子组件呢？我想原因主要有以...

jquery实现简单的拖拽效果实例兼容所有主流浏览器（优化篇）

2016年07月27日 5 阅读

相对于上一篇，优化了拖拽的效果。 js代码:fun.js 复制代码代码如下: _MoveObj = null;//全部变量，用来表示当前div z_index = 0;//z方向 jQuery.fn.myDrag=function（）{ _IsMove = 0; //是否移动 1.移动 _MouseLeft = 0; //div left坐标 _MouseTop = 0; //div top坐标 $（document）.bind（"mousemove",...

JS自动适应的图片弹窗实例

2016年07月27日 5 阅读

复制代码代码如下:/************************************自动适应的图片弹窗*********************************/ var autoImg=function（argcs）{/*调整图片大小，等比例缩放argcs["maxHeight"]=>最大高度,argcs["maxWidth"]=>最大宽度,argcs["height"]=>图片高度，argcs["width"]=&g...

JavaScript自执行闭包的小例子

2016年07月27日 6 阅读

复制代码代码如下: //无参数的（function（）{ alert（"hello"）; }）（）; //有参数的（function（name）{ alert（"Hello " + name）; }）（"world"）; 这个闭包有什么用呢？一眼望去就是括号围着，局部变量想跑也不出来到处捣乱，这是其中一个主要用途，当然了，封装一些javascript库也离不开它。...

js操作checkbox遇到的问题解决

2016年07月27日 5 阅读

遇到操作checkbox的问题全选复制代码代码如下:$（"input[type="checkbox"]"）.each（function（）{ this.checked=true }）反选$（"input[type="checkbox"]"）.each（function（）{if（this.checked）{ this.checked=false } else{ this.checked=true }理论上是应该可以用$（obj）.attr（"checke...

JS验证日期的格式YYYY-mm-dd 具体实现

2016年07月27日 7 阅读

复制代码代码如下:function checkInputDate（obj）{ var strDate=obj.value; var re =/^（d{4}）-（d{2}）-（d{2}）$/; if（re.test（strDate））//判断日期格式符合YYYY-MM-DD标准 { var dateElement=new Date（RegExp.$1,parseInt（RegExp.$2,10）-1,RegExp.$3）; if（！（（dateE...

首页 / 脚本样式 / JavaScript

JavaScript操纵窗口的方法小结

javascript实现文字图片上下滚动的具体实例

jquery中通过父级查找进行定位示例

纯JavaScript实现HTML5 Canvas六种特效滤镜示例

基于SVG的web页面图形绘制API介绍及编程演示

jquery异步跨域访问代码

JavaScript和CSS通过expression实现Table居中显示

.net JS模拟Repeater控件的实现代码

Extjs4 类的定义和扩展实例

Javascript无阻塞加载具体方式

js复制到剪切板的实例方法

js实时获取系统当前时间实例代码

jQuery随便控制任意div隐藏的方法

Javascript实现重力弹跳拖拽运动效果示例

Ext JS添加子组件的误区探讨

jquery实现简单的拖拽效果实例兼容所有主流浏览器（优化篇）

JS自动适应的图片弹窗实例

JavaScript自执行闭包的小例子

js操作checkbox遇到的问题解决

JS验证日期的格式YYYY-mm-dd 具体实现