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

JS异常处理的一个想法（sofish）

2017年02月06日 21 阅读

可能由于网络、浏览器问题、缓存等原因，可能导致线上执行 js 的时候与开发环境并不一样，会抛出异常。js 异常基本上是前端开发工程师的家常便饭。如何记录，并使用它，却很少人关注。最近在考虑一个想法，基本上涉及到两步：收集和使用。一、收集对于 error 收集这一块，还是比较方便的，因为在各浏览器中都有一个接口：window.onerror，代码如下：复制代码代码如下: window.onerror = function（errorMessage, s...

JavaScript 函数replace深入了解

2017年02月06日 23 阅读

replace函数接受两个参数,第一个参数为字符串或正则表达式，第一个参数同样可以接受一个字符串，还可能是一个函数。首先对于第一个参数为字符串的我们不再需要多说"I am a boy".replace（"boy","girl"）,输出："I am a girl"。在这里想说的是第一个参数为正则的情形。对于正则表达式来说首先会根据是否全局的（全局//g）决定替换行为，如果是全部的则替换全部替换，非全局的只有替换首个匹配的字符串。例如：复制代码代码如下:"...

jquery使用ColorBox弹出图片组浏览层实例演示

2017年02月06日 22 阅读

本示例使用Jquery的ColorBox插件弹出图片组浏览层。效果预览网址：http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代码，将以下代码保存到html文件，打开即可预览效果。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...

jQuery方法简洁实现隔行换色及toggleClass的使用

2017年02月06日 17 阅读

今天用一种简洁的方法toggleClass（）实现了隔行换色:代码如下：复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type...

Jquery刷新页面背景图片随机变换的实现方法

2017年02月06日 18 阅读

使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围一、CSS代码复制代码代码如下:<style>body{ padding:0; background-attachment: fixed; background-clip: border-box; background-color: #666666; background-orig...

js加强的经典分页实例

2017年02月06日 14 阅读

1显示的页面：复制代码代码如下:<！DOCTYPE html>< html><head><title>js_pageusers.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is m...

JavaScript创建一个欢迎cookie弹出窗实现代码

2017年02月06日 20 阅读

用JavaScript创建一个欢迎cookie 软件代码编辑器，我用的是editplus；当然还有浏览器。步骤先在编辑器里写入代码：运行代码,并写入自己的名字：得到欢迎cookie....

js 自制滚动条的小例子

2017年02月06日 16 阅读

写了个js自制滚动条，首先，先看一下demo（点击这里）先有两个demo，右边那个黑色那个，是我一开始写的比较肤浅的代码：复制代码代码如下:var scrollself=（function（）{ var scrollblock, //滚动块 scrollcontent, //被滚动的内容 scrollbar, //滚动条 scrollpanel, //滚动内容的滚动区域 cdistance, //滚动内容要滚动的距离 bdistance, //滚动块要...

两种方法实现文本框输入内容提示消失

2017年02月06日 23 阅读

第一种方法：基于HTML5 input标签的新特性 - placeholder 。另外，x-webkit-speech 属性可以实现语音输入功能。复制代码代码如下: <div><input type="email" name="email" spellcheck="false" placeholder="邮箱" autofocus tabindex="1" x-webkit-speech></div> <d...

Javascript跨域请求的4种解决方式

2017年02月06日 19 阅读

什么情况下才会出现跨域？假设域名是：http://www.example.com.cn/ 如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的。解决方式：一、window.name 1、服务器返回复制代码代码如下: <script>window.name="{"id":"3", "name":"leisure"}";</script> 2、定义一个iframe，添...

获取客户端网卡MAC地址和IP地址实现JS代码

2017年02月06日 20 阅读

在做B/S结构的系统时，我们常常需要获取客户端的一些信息，如IP和MAC，以结合身份验证。要获取服务器端的MAC很容易，但是要获取客户端的MAC的地址确要花费一翻心思，通常的做法是调用Win32API或直接调用nbtstat命令，这样做有很多问题，而另一种方法就是直接用客户端脚本，我们这里用Javascript，这样做的好处是不需要服务器端进行处理，有客户端自行获取，传递到服务器端，且速度和可靠性都比在服务器端获取好。具体实现的html和javascri...

javascript中this做事件参数相关问题解答

2017年02月06日 19 阅读

注：this只是在onclick事件中指代所触发事件的dom对象，在src属性中不行。如<a src="函数（this）;"></a>是不行的。...

提交表单时执行func方法实现代码

2017年02月06日 17 阅读

复制代码代码如下: <%@ page contentType="text/html; charset=utf-8"%> <！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/1...

利用jQuery的deferred对象实现异步按顺序加载JS文件

2017年02月06日 19 阅读

前段时间看了阮一峰的jQuery的deferred对象详解一文，对jQuery中的deferred的用法了一些了解，今天看到园子里的一篇文章：关于重构JS前端框架的失败经验（顺便怀念那些死去的代码），于是把我之前写的一个利用jQuery的deferred异步按顺序加载JS文件方案分享出来，欢迎指正。如果你现在对jQuery中的deferred还不了解，强烈建议你看一下阮一峰的jQuery的deferred对象详解一文。加载JS文件的代码如下：复制代码 ...

JS前端框架关于重构的失败经验分享

2017年02月06日 20 阅读

好了开始吧重构这个其实也不是什么大动作，主要要实现的功能嘛，就是把现有的JS代码重新划分一下，解耦现有模块。然后我打算把现有的程序划分一下模块然后重新打包做一个命名空间实现use或者类似于java的Package的东西。那么我只要加载一个use的js文件调用这个文件的use函数，通过设置某些参数，我可以动态地加载所需要的模块。这个是最完美的想法（那时我很傻很天真）。好的，噩梦开始了。前提，我低估了3个月前的自己。//好吧，下面可能会出现un文明用语~~...

javascript定时变换图片实例代码

2017年02月06日 14 阅读

复制代码代码如下:<html><head><meta http-equiv=Content-Type content="text/html;charset=utf-8"><script>y=1;function imgs（）{ var myImg=document.getElementsByTagName（"img"）[0]; myImg.src=y+".jpg"; if（y==2）y=1; else y+...

jquery获取特定name所有选中的checkbox,支持IE9标准模式

2017年02月06日 19 阅读

原先的语句为var selectChks = $（"input[type=checkbox][name=productItem][checked]"）;在IE7，IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到，length总为0于是查资料，发现如下写法var selectChks = $（"input[type=checkbox][name=productItem]:checked"）;经测试在IE7，IE8和IE9兼容模式，IE9标准模...

jQuery+css实现图片滚动效果（附源码）

2017年02月06日 21 阅读

源码下载bxCarousel参数说明： move：每次滚动移动图片的数量，默认为4。 display_num：展示图片的数量，默认为4。 speed：图片滚动速度，默认为500毫秒。 margin：图片间的间距，默认为0。 auto：是否自动滚动，默认为false。 auto_interval：当设为自动滚动时，每次滚动的时间间隔（毫秒），默认为2000毫秒即2秒。 auto_dir：自动滚动的方向，默认为next，你可以试下prev。 next_imag...

Javascript判断对象是否相等实现代码

2017年02月06日 19 阅读

在做表单页面的时候，想判断2个js对象，是不是所有完全相同。这里是stackoverflow上的解决办法，在这里记录一下。复制代码代码如下: Object.prototype.equals = function（x） { var p; for（p in this） { if（typeof（x[p]）=="undefined"） {return false;} } for（p in this） { if （this[p]） { switch（typeof...

JS特权方法定义作用以及与公有方法的区别

2017年02月06日 21 阅读

定义特权方法在构造函数内部通过this关键字定义的的方法，可以被实例化的对象继承所调用。复制代码代码如下: var Student = function（name） { var _name = name; //私有属性 //特权方法 this.getName = function（） { return _name; }; this.setName = function（name） { _name = name; }; }; var s1 = new ...

首页 / 脚本样式 / JavaScript

JS异常处理的一个想法（sofish）

JavaScript 函数replace深入了解

jquery使用ColorBox弹出图片组浏览层实例演示

jQuery方法简洁实现隔行换色及toggleClass的使用

Jquery刷新页面背景图片随机变换的实现方法

js加强的经典分页实例

JavaScript创建一个欢迎cookie弹出窗实现代码

js 自制滚动条的小例子

两种方法实现文本框输入内容提示消失

Javascript跨域请求的4种解决方式

获取客户端网卡MAC地址和IP地址实现JS代码

javascript中this做事件参数相关问题解答

提交表单时执行func方法实现代码

利用jQuery的deferred对象实现异步按顺序加载JS文件

JS前端框架关于重构的失败经验分享

javascript定时变换图片实例代码

jquery获取特定name所有选中的checkbox,支持IE9标准模式

jQuery+css实现图片滚动效果（附源码）

Javascript判断对象是否相等实现代码

JS特权方法定义作用以及与公有方法的区别