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

javascript中interval与setTimeOut的区别示例介绍

2016年07月27日 9 阅读

setTimeout（code,millisec） //- 在指定时间后执行代码 code必须； millisec必须； clearTimeout（setTimeoutId） //- 取消 setTimeout（） setInterval（code,millisec）；//指定间隔毫秒内循环执行代码 code必须； millisec必须； clearInterval（intervalId）; 用setTimeout（code,millisec）可以实现se...

Jquery 在页面加载后执行的几种方式

2016年07月27日 11 阅读

方式1：复制代码代码如下: $（function（）{ initPublish（）; }）; 说明： initPublish（）即为你要运行的JS函数；这段代码，放在页面最低端。方式2：复制代码代码如下: $（document）.ready（function （） { // add your code here initPublish（）; $（.a）.click（ function （）{ // add your code here }）;...

JS高级调试技巧：捕获和分析 JavaScript Error详解

2016年07月27日 9 阅读

反正只要 JavaScript 出错后刷新不复现，那用户就可以通过刷新解决问题，浏览器不会崩溃，当没有发生过好了。这种假设在 Single Page App 流行之前还是成立的。现在的 Single Page App 运行一段时间后状态复杂无比，用户可能进行了若干输入操作才来到这里的，说刷新就刷新啊？之前的操作岂不要完全重做？所以我们还是有必要捕获和分析这些异常信息的，然后我们就可以修改代码避免影响用户体验。捕获异常的方式我们自己写的 throw new ...

javascript跨浏览器的属性判断方法

2016年07月27日 13 阅读

今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时，常常会因为不同的 browser 有不同的 API 定义，然后用以下的写法来判断哪一个属性，例如：复制代码代码如下:var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;用||来检查要用哪一个 attribu...

javascript内置对象arguments详解

2016年07月27日 9 阅读

一、什么是argumentsarguments 是是JavaScript里的一个内置对象，它很古怪，也经常被人所忽视，但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。所有的函数都有属于自己的一个arguments对象，它包括了函所要调用的参数。他不是一个数组，如果用typeof arguments，返回的是"object"。虽然我们可以用调用数据的方法来调用a...

javascript事件函数中获得事件源的两种不错方法

2016年07月27日 11 阅读

在javascript的事件响应中，许多情况我们需要获得事件源对象来对其属性进行更改，比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种：第一种：直接把作为一个参数传入。例如复制代码代码如下: <div id="myid" onclick="show（this）;">text</div> <script type="text/javascript"> function show（obj）{ w...

jquery解析JSON数据示例代码

2016年07月27日 11 阅读

这里可以找到json.js的代码，后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。这里首先给出JSON字符串集，字符串集如下：代码如下: 复制代码代码如下: var data=" { roo...

javascript文件中引用依赖的js文件的方法

2016年07月27日 10 阅读

在一个js文件中如果需要引入另外所依赖的js文件，只需要在第一个js文件中导入如下代码即可：复制代码代码如下: var s=document.createElement（"script"）; s.src="/script/Map.js"; document.getElementsByTagName（ "HEAD"）[0].appendChild（s）; 其中红色部分为所依赖的js文件的路径。...

js对图片base64编码字符串进行解码并输出图像示例

2016年07月27日 13 阅读

复制代码代码如下: <！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> <meta http-equiv="Content...

jquery插件开发之实现md5插件

2016年07月27日 13 阅读

方法返回的是一串十进制数，在jquery1.9.2下测试通过。复制代码代码如下:（function（$）{$.md5 = function（o） {if（null === o） {return "null";}if（typeof o ！= "string"） {return "null";}//计算填充的长度var fill_data_len = 0;var data_len = o.length;var d_l_mod = data_len % MD5...

jquery如何根据值设置默认的选中项

2016年07月27日 9 阅读

复制代码代码如下: $（"#objtype option[value="{$_GET[objtype]}"]"）.attr（"selected",true）; $（"#charttype option[value="{$_GET[charttype]}"]"）.attr（"selected",true）; ...

获取当前点击按钮的id用this.id实现

2016年07月27日 10 阅读

复制代码代码如下: function getid（id） { alert（id）; } <input id="btn1" type="button" value="test" onclick="return getid（this.id）" /> ...

jquery自动将form表单封装成json的具体实现

2016年07月27日 10 阅读

前端页面：复制代码代码如下: <span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th> 姓名： </th> <td> <input ty...

jquery禁用右键单击功能屏蔽F5刷新

2016年07月27日 9 阅读

1、禁用右键单击功能复制代码代码如下: $（document）.ready（function（） { $（document）.bind（"contextmenu",function（e） { alert（"sorry！ No right-clicking！"）; return false; }）; }）; 2、屏蔽F5刷新复制代码代码如下: $（document）.ready（function（） { $（document）.bind（"keyd...

javascript的解析执行顺序在各个浏览器中的不同

2016年07月27日 9 阅读

简介 javascript是一种解释型语言，它的执行是自上而下的。但是各浏览器对于【自上而下】的理解是有细微差别的，而代码的上下游也就是程序流对于程序正确运行又是至关重要的。所以我们有必要深入理解js的执行顺序。为此，我设计了如下八个实验来获得最确切的结果。实验复制代码代码如下: <script type="text/javascript"> //实验一： function t（a） { alert（"[t（a）]a:" + a）; } ...

javascript读取Xml文件做一个二级联动菜单示例

2016年07月27日 10 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>menu2level.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <sc...

Chrome下ifame父窗口调用子窗口的问题示例探讨

2016年07月27日 10 阅读

项目中遇到的一个浏览器不兼容问题：在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使，在Chrome下不好使。复制代码代码如下: <frameset rows="108,*,30" border="0" frameSpacing="0" frameBorder="0"> <frame name="header" scrolling="no" noresize src="base/hea...

file控件选择上传文件确定后触发的js事件是哪个

2016年07月27日 12 阅读

一直以来纠结于这个问题。今天闲来上网搜索了一下这个问题。终于知道答案。是onchange事件。经过本人测试，可用。还有说onpropertychange也可以。经chrome浏览器测试，无效果。不知道是什么原因。...

JS判断字符串长度的5个方法（区分中文和英文）

2016年07月27日 10 阅读

目的：计算字符串长度（英文占1个字符，中文汉字占2个字符）方法一：复制代码代码如下:String.prototype.gblen = function（） { var len = 0; for （var i=0; i<this.length; i++） { if （this.charCodeAt（i）>127 || this.charCodeAt（i）==94） { len += 2; } else { len ++; } }...

用jQuery实现的智能隐藏、滑动效果的返回顶部代码

2016年07月27日 9 阅读

在线DEMO：传送门HTML代码（放在页面任意位置，并用CSS美化）：复制代码代码如下:<p id="back-to-top"><a href="#top"><span></span>回到顶部</a></p>JS代码：<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><...

首页 / 脚本样式 / JavaScript

javascript中interval与setTimeOut的区别示例介绍

Jquery 在页面加载后执行的几种方式

JS高级调试技巧：捕获和分析 JavaScript Error详解

javascript跨浏览器的属性判断方法

javascript内置对象arguments详解

javascript事件函数中获得事件源的两种不错方法

jquery解析JSON数据示例代码

javascript文件中引用依赖的js文件的方法

js对图片base64编码字符串进行解码并输出图像示例

jquery插件开发之实现md5插件

jquery如何根据值设置默认的选中项

获取当前点击按钮的id用this.id实现

jquery自动将form表单封装成json的具体实现

jquery禁用右键单击功能屏蔽F5刷新

javascript的解析执行顺序在各个浏览器中的不同

javascript读取Xml文件做一个二级联动菜单示例

Chrome下ifame父窗口调用子窗口的问题示例探讨

file控件选择上传文件确定后触发的js事件是哪个

JS判断字符串长度的5个方法（区分中文和英文）

用jQuery实现的智能隐藏、滑动效果的返回顶部代码