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

JavaScript中创建类/对象的几种方法总结

2016年07月27日 5 阅读

在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型（如number,string），也可能是对象。一、由一对大括号括起来复制代码代码如下:...

浅析JavaScript中的类型和对象

2016年07月27日 5 阅读

JavaScript是基于对象的，任何元素都可以看成对象。然而，类型和对象是不同的。本文中，我们除了讨论类型和对象的一些特点之外，更重要的是研究如何写出好的并且利于重用的类型。毕竟，JavaScript这种流行的脚本语言如果能够进行良好的封装，并形成一个庞大的类型库，对于重用是非常有意义的。网上对于prototype的文章很多，一直没明白核心的思想。最后写了很多例子代码后才明白：prototype只能用在类型上。以下是一些关于类型和对象的例子，大家看完例子...

分享Javascript中最常用的55个经典小技巧

2016年07月27日 5 阅读

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return（false）><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. o...

JS Loading功能的简单实现

2016年07月27日 5 阅读

我们经常在浏览网页的时候会看到数据在加载时，出现的LOADING提示。其实这个功能原理是很简单的，就是一个DIV遮盖当前页面，然后Loading就在遮盖DIV层上展示出来，现在我们来动手实现一下。1.当前页面：复制代码代码如下:<div class="current"><a href="#" onclick="showLoading（）">Loading</a></div>2.遮罩层：复制代码代码如下:&...

JS关键字球状旋转效果的实例代码

2016年07月27日 6 阅读

有时上网查资料，看到别人的博客上有关键字旋转的效果，觉得蛮不错的。于是网上搜索了一下它的实现，好吧，自己动手写写。HTML:复制代码代码如下:<！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.o...

Jquery中children与find之间的区别详细解析

2016年07月27日 8 阅读

首先看一段HTML代码，如下：复制代码代码如下:<table id="tb"> <tr> <td>0</td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> </tr>...

Javascript setInterval的两种调用方法（实例讲解）

2016年07月27日 6 阅读

如下所示：复制代码代码如下:<！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></title>...

javascript从右边截取指定字符串的三种实现方法

2016年07月27日 6 阅读

截取abcdefg右边的fg 方法一<script> string="abcdefg" alert（string.substring（string.length-2,string.length）） </script> 方法2<script> alert（"abcdefg".match（/.*（.{2}）/）[1]） </script> <script> alert（"abcdefg".match（...

JS小功能（button选择颜色）简单实例

2016年07月27日 5 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> #red { width: 260px; height: 200px; background: #FF0000; display: none; } #green { width: 260px; height: 200px; background: #00F...

javascript简单实现表格行间隔显示颜色并高亮显示

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript"> var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor（）{ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName（"table"）[0]; var trNodes = tabNode.rows; for（var x=1;x<trNodes.length...

JS求平均值的小例子

2016年07月27日 7 阅读

效果：事件：当输入完三个文本框后触发blur事件。计算出平均值说明：调用方法计算出平均值，代码：文本框中：复制代码代码如下:<asp:TextBox ID="tblmyd11" Field="lmyd11" TableName="gqls_sy" EnabledAction="（12.*）" CssClass="erp_textbox_short" runat="server" self="ydpj"></asp:TextBox>...

js简单实现根据身份证号码识别性别年龄生日

2016年07月27日 11 阅读

根据身份证号码识别性别年龄生日的JS代码：复制代码代码如下: function discriCard（）{ //获取输入身份证号码 var UUserCard = ""; //获取出生日期 UUserCard.substring（6, 10） + "-" + UUserCard.substring（10, 12） + "-" + UUserCard.substring（12, 14）; //获取性别 if （parseInt（UUserCard.sub...

js中的eventType事件及其浏览器支持性介绍

2016年07月27日 5 阅读

一般事件事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 o...

JS取文本框中最小值的简单实例

2016年07月27日 7 阅读

效果：取最小值事件：当输入值之后，取出最小值。代码：复制代码代码如下:/*单块最小值*/ function Gettbqdzxz（） { var tbkyqd1 = ChangeFloat（$（"#<%=tbkyqd1.ClientID %>"）.val（））; var tbkyqd2 = ChangeFloat（$（"#<%=tbkyqd2.ClientID %>"）.val（））; var tbkyqd3 = ChangeFl...

根据表格中的某一列进行排序的javascript代码

2016年07月27日 6 阅读

复制代码代码如下: <script type="text/javascript"> var b = true ; function sortAge（）{ var tabNode = document.getElementsByTagName（"table"）[0]; var trNodes = tabNode.rows; //获取表格中的行对象 var arr = new Array（）; for（var x=1;x<trNodes.l...

js弹出层永远居中实现思路及代码

2016年07月27日 11 阅读

弹出层窗口永远居中复制代码代码如下: <script type="text/javascript"> var isIE=window.XMLHttpRequest？false:true; var aIsIE={}; window.onload=function（）{ if（isIE）{ window.onscroll=doIE; window.onresize=doIE; } function doIE（）{ aIsIE.top=docum...

JS实现日期加减的方法

2016年07月27日 7 阅读

效果：成型日期-龄期=要求试验日期！事件：当改变成型日期文本框后触发事件！当改变龄期文本框后触发事件！代码：（说明：成型日期ID: tbcxrq 龄期ID: tblq 要求试验日期ID: tbyqsyrq）复制代码代码如下:<script type="text/javascript"> $（function（） { $（"#<%=tbcxrq.ClientID %>"）.change（function（） { CaclDate（）...

js模拟点击以提交表单为例兼容主流浏览器

2016年07月27日 7 阅读

在实际的应用开发中，我们会常常用到JS的模事件，但有时会遇到一些问题，比如说点击事件，举个简单的例子，点击表单外的“提交”按钮来提交表单。上代码吧。 Html: 复制代码代码如下: <h3>请单击“提交”，测试提交按钮的单击事件也被触发了。</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <...

JS实现侧悬浮浮动实例代码

2016年07月27日 8 阅读

效果：思路：首先，加载onscroll控制滚动条。然后写缓存运动的方法，缓冲运动的方法是先计算出DIV缓冲的速度，并且将其取整，再进行运动判断什么时候到达终点。最后将其参数返回。再在onscroll里面调用此方法，并且将终点计算出来赋予此方法的参数。代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> #div1 ...

JS实现匀速运动的代码实例

2016年07月27日 5 阅读

效果：思路：利用setInerval（）计时器，进行运动。然后关键的一点是在最后停止的时候给它一个填充缝隙的判断。代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> #div1 { width: 100px; height: 100px; background: #0000FF; position: absol...

首页 / 脚本样式 / JavaScript

JavaScript中创建类/对象的几种方法总结

浅析JavaScript中的类型和对象

分享Javascript中最常用的55个经典小技巧

JS Loading功能的简单实现

JS关键字球状旋转效果的实例代码

Jquery中children与find之间的区别详细解析

Javascript setInterval的两种调用方法（实例讲解）

javascript从右边截取指定字符串的三种实现方法

JS小功能（button选择颜色）简单实例

javascript简单实现表格行间隔显示颜色并高亮显示

JS求平均值的小例子

js简单实现根据身份证号码识别性别年龄生日

js中的eventType事件及其浏览器支持性介绍

JS取文本框中最小值的简单实例

根据表格中的某一列进行排序的javascript代码

js弹出层永远居中实现思路及代码

JS实现日期加减的方法

js模拟点击以提交表单为例兼容主流浏览器

JS实现侧悬浮浮动实例代码

JS实现匀速运动的代码实例