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

JS按回车键实现登录的方法

2017年02月06日 12 阅读

本文实例讲述了JS按回车键实现登录的方法，该功能有着非常广泛的实用价值。分享给大家供大家参考之用。具体方法如下：方法一：<html xmlns="http://www.w3.org/1999/xhtml" ><head><title>Check Score</title><script language="JavaScript">function keyLogin（）{ if （event.key...

javascript实现的一个随机点名功能

2017年02月06日 13 阅读

这个其实是对JS随机数的一个练习方式，先把所有人得名字预先写好在一个数组里，然后让数组里的值快速的显示在区域内，当你按停的时候滚动就会停止达到随机效果。<！DOCTYPE html><html><head><meta charset="utf-8" /><title>JS写的随机点名 - 琼台博客</title><script type="text/javascript">...

jQuery中的read和JavaScript中的onload函数的区别

2017年02月06日 12 阅读

在JavaScript中，onload函数是最经常使用的，几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句，因为按照文档流的执行顺序，通常用于头部加载JavaScript的时候需要用到。复制代码代码如下:window.onload = function（）{ // 当网页加载完成后执行这里的代码块}; 而在jQuery中也有一个对应的函数，即等待网页加载完后执行代码块复制代码代码如下...

JavaScript中判断页面关闭、页面刷新的实现代码

2017年02月06日 14 阅读

今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新虽然没有直接的方法，但通过一定的技巧也能做到不得不感叹JavaScript的强大！！请看一下代码：复制代码代码如下:window.onunload = function（）{ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth...

JavaScript截取字符串的2个函数介绍

2017年02月06日 12 阅读

首先我们来看一下substring函数使用介绍。一、substringsubstring需要至少需要一个参数，第一个参数为起始位置，第二个参数可选，为结束位置。只有一个参数：复制代码代码如下:<meta charset="UTF-8" /><script type="text/javascript">/*** substring函数使用DEMO*/var str = "欢迎各位童鞋到脚本之家做客";var sub = str.su...

JavaScript实现的使用键盘控制人物走动实例

2017年02月06日 11 阅读

其实这个示例用到了js的两个核心时间，键盘事件onkeydown，周期执行事件setInterval。实现效果当按下键盘某个键时网页中的人物实现相应的动作，达到利用键盘控制走动效果实现步骤一、预订键值作用：w：向上s：向下a：向左d：向右空格：停止二、预订键值后，要能捕获按键事件以及判断用户按的是哪个键？捕获键盘事件可以用onkeydown获取键值码可以用event.keyCode三、用setInterval周期执行事件替换图片替换图片是为了实现任务走动效...

JavaScript实现的GBK、UTF8字符串实际长度计算函数

2017年02月06日 12 阅读

大家都知道，在JS中字符串的长度不分中英文字符，每一个字符都算一个长度，这跟PHP里的strlen（）函数就不太一样。PHP里的strlen（）函数根据字符集把GBK的中文每个2累加，把UTF-8的中文字符每个按3累加。有些童鞋可能要问了，为什么要计算实际长度？主要是为了匹配数据库的长度范围内，比如GBK的数据库某字段是varchar（10），那么就相当于5个汉字长度，一个汉字等于两个字母长度。如果是UTF8的数据库则是每个汉字长度为3。知道了以上原理以...

JavaScript中输出</script>标签的方法

2017年02月06日 12 阅读

在JS里弹出"</script>"会让JS误以为这是一个结束标签，而出现异常。如以下代码我们在<script>块内使用alert弹出"</script>"字符串，结果被误以为是结束标签，VIM还变了颜色。运行结果由于把字符串里的当成了结束标签，所以就出现异常，显然这不是我们想要的结果。我们只需要把代码稍加处理一下即可实现。在"</script>"里使用加号链接字符串，"</scr"+"ipt>"再...

JavaScript中使用arguments获得函数传参个数实例

2017年02月06日 12 阅读

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

JavaScript中switch判断容易犯错的一个细节

2017年02月06日 12 阅读

switch语句与if语句的关系最为密切，也是其它编程语言中普遍使用的一种流程控制语句，但switch的匹配是全等模式，如果不注意这个细节则写程序时往往会出错。代码：var n = "5";switch（n）{case 5:alert（"执行case分支"）;break;default:alert（"执行default分支"）;}结果：可能很多人会误以为以上程序会走case分支，结果却走了default分支。难道它们两个不相等吗？我们使用if语句看看。代码...

JavaScript闭包函数访问外部变量的方法

2017年02月06日 12 阅读

闭包是指有权访问另一个函数作用域中的变量的函数，但作用域的配置机制有一个需要注意的地方，即闭包只能取得包含函数中任何变量的最后一个值。如以下案例：function create（）{var arr = new Array（）; for （var i=0; i<10; i++）{arr[i] = function（）{return i;}; }return arr;}var c_arr = create（）;for（var i=0; i<c_ar...

JavaScript中使用stopPropagation函数停止事件传播例子

2017年02月06日 14 阅读

JS中的事件默认是冒泡方式，逐层往上传播，可以通过stopPropagation（）函数停止事件在DOM层次中的传播。如以下例子：HTML代码：<！DOCTYPE html><html><head><meta charset="utf-8" /><title>stopPropagation（）使用 - 琼台博客</title></head><body><b...

IE浏览器不支持getElementsByClassName的解决方法

2017年02月06日 12 阅读

在DOM3里已经加入了getElementsByClassName这个方法，然而IE9、10以外的其它版本均不支持，这是一块伤痛啊！目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。网上部分人直接定义一个getElementsByClassName函数，但是这样的话就需要把代码中所有使用d...

JavaScript AJAX之惰性载入函数

2017年02月06日 14 阅读

在JS中有些内存只需执行一遍即可，如浏览器类型检测是最常用的一个功能，因为我们使用Ajax的时候需要检测浏览器的内置的XHR。我们可以在第一次检测的时候记录下类型，往后在使用Ajax的时候就不需要再去检测浏览器类型了。在JS中就算只有一个if也总比没有if的语句效率要高。普通Ajax方法复制代码代码如下:/*** JS惰性函数*/function ajax（）{ if（typeof XMLHttpRequest ！= "undefined"）{ retu...

JavaScript实现的in_array函数

2017年02月06日 13 阅读

在JS中要判断一个值是否在数组中并没有函数直接使用，如PHP中就有in_array（）这个函数。但我们可以写一个类似in_array（）函数来判断是一个值否在函数中。/** * JS判断一个值是否存在数组中 */ // 定义一个判断函数var in_array = function（arr）{// 判断参数是不是数组var isArr = arr && console.log（typeof arr==="object" ? arr.construc...

JavaScript数组函数unshift、shift、pop、push使用实例

2017年02月06日 13 阅读

如何声明数组s中数组的声明可以有几种方式声明复制代码代码如下:var tmp = []; // 简写模式var tmp = new Array（）; // 直接new一个var tmp = Array（）; // 或者new也可以在new数组的时候可以传入一个参数，表示数组的初始化长度复制代码代码如下:// new的时候传入一个参数表示初始化数组长度var tmp = new Array（3）; alert（tmp.length）; // 3但如果你想...

javascript正则表达式参数/g与/i及/gi的使用指南

2017年02月06日 14 阅读

regularexpression=/pattern/[switch]这个switch就有三种值 g: 全局匹配 i: 忽略大小写 gi: 全局匹配 + 忽略大小写 JScript 语言参考-------------------------------------------------------------------------------- 后向引用正则表达式一个最重要的特性就是将匹配成功的模式的某部分进行存储供以后使用这一能力。请回想一下，对...

jQuery焦点图切换简易插件制作过程全纪录

2017年02月06日 15 阅读

首页经常是需要一个焦点图切换的效果，最近做的项目也正好需要，所以在网上搜索，后面查到了一个半成品的插件，这里我自己修改了一下。js文件夹下面有两个文件夹jquery.jslide.js与jquery.jslides.js，前面一个是我改写的，第二个是原作者的文件。下图是效果图：一、静态效果<div class="slide_wrap"> <ul id="slides2" class="slide"><li style="bac...

jQuery标签替换函数replaceWith（）的使用例子

2017年02月06日 12 阅读

replaceWith简单使用jQuery中，有一个强大的替换函数replaceWith（），使用非常简单，如：页面有如下p标签把所有p标签替换为“##”$（"p"）.replaceWith（"##"）;执行后的结果：替换标签利用这个replaceWith，我们可以把所有p标签替换为b标签，内容不变：$（"p"）.each（function（）{$（this）.replaceWith（"<b>"+$（this）.html（）+"</b&g...

分享一个自己动手写的jQuery分页插件

2017年02月06日 12 阅读

工作需要一个JS分页插件，心想自己动手写一个吧，一来上网找一个不清楚代码结构的，出了问题难以解决，而且网上的插件所包含的功能太多，有些根本用不到，就没必要加载那段JS，二来想起没写过jQuery插件，就当练一下手了，好了，先看结果：http://demo.jb51.net/js/2014/EasyPage/简单说一下这个插件所要实现的功能后台将查询出来的内容全部显示到页面上，这个插件要控制这些内容，使其一页一页显示。有上一页，下一页，首页，尾页的功能。在第...

首页 / 脚本样式 / JavaScript

JS按回车键实现登录的方法

javascript实现的一个随机点名功能

jQuery中的read和JavaScript中的onload函数的区别

JavaScript中判断页面关闭、页面刷新的实现代码

JavaScript截取字符串的2个函数介绍

JavaScript实现的使用键盘控制人物走动实例

JavaScript实现的GBK、UTF8字符串实际长度计算函数

JavaScript中输出&lt;/script&gt;标签的方法

JavaScript中使用arguments获得函数传参个数实例

JavaScript中switch判断容易犯错的一个细节

JavaScript闭包函数访问外部变量的方法

JavaScript中使用stopPropagation函数停止事件传播例子

IE浏览器不支持getElementsByClassName的解决方法

JavaScript AJAX之惰性载入函数

JavaScript实现的in_array函数

JavaScript数组函数unshift、shift、pop、push使用实例

javascript正则表达式参数/g与/i及/gi的使用指南

jQuery焦点图切换简易插件制作过程全纪录

jQuery标签替换函数replaceWith（）的使用例子

分享一个自己动手写的jQuery分页插件

JavaScript中输出</script>标签的方法