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

JavaScript动态插入script的基本思路及实现函数

2017年02月06日 17 阅读

在日常的前端开发中，偶尔有需要动态插入javascript代码的需求，基本思路是： 1、动态创建一个script标签，设置其src属性，type属性等 2、将script节点插入页面，加载js文件即相当于将<script type="text/javascript" src="xxx.js"></script>添加到了页面，只不过这个过程是动态完成的，为此特意封装了一个函数来实现：复制代码代码如下: // 动态插入script...

javascript实用小函数使用介绍

2017年02月06日 18 阅读

1、阻止输入非数字，backspace除外复制代码代码如下: <script type="text/javascript"> var checkNo = function（e）{ var keyCode = e.charCode ？ e.which : e.keyCode; if（keyCode == 8）{ return true; } var realkey = String.fromCharCode（keyCode）; var reg...

JavaScript的setAttribute兼容性问题解决方法

2017年02月06日 18 阅读

复制代码代码如下: var asubmit = document.getElementById（"submit"）; 复制代码代码如下: <span style="white-space:pre"> </span>asubmit.setAttribute（"onclick","alert（"请检查手机号码"）;"）; //在火狐中有效，而在ie中无效复制代码代码如下: <span style="white-spac...

js hover 定时器（实例代码）

2017年02月06日 16 阅读

复制代码代码如下:$（"#showComp tr:not（".stlisttitle"）"）.hover（function（）{ try{if（$（"#calendarPanel"）.is（":visible"）） $（".playerlist"）.hide（）;else{clearTimeout（timMess）; $（".playerlist"）.css（"top",$（this）.offset（）.top-$（".calendarCon"）.off...

Javascript之this关键字深入解析

2017年02月06日 18 阅读

首先，我先抛出一个定论：”在Javascript中，This关键字永远都指向函数（方法）的所有者”。函数复制代码代码如下:function introduce（） { alert（"Hello, I am Laruence "）;}对于这个函数，this关键字指向谁呢？如我之前的文章所述（Javascript作用域），定义在全局的函数，函数的所有者就是当前页面，也就是window对象。这也就是为什么，我把函数用引号引起来，因为定义在全局的函数，其实也就...

javascript 函数及作用域总结介绍

2017年02月06日 18 阅读

在js中使用函数注意三点：1、函数被调用时，它是运行在他被声明时的语法环境中的；2、函数自己无法运行，它总是被对象调用的，函数运行时，函数体内的this指针指向调用该函数的对象，如果调用函数时没有明确指定该对象， this 默认指向 window （ strict 模式除外，本文不涉及 strict 模式）；3、函数是一种带有可执行代码的对象类型数据。一、声明函数1、使用 function 关键字复制代码代码如下:function myfun（a,b）{...

jquery.validate的使用说明介绍

2017年02月06日 14 阅读

一、准备工作需要JQuery版本：1.2.6+, 兼容 1.3.2官网地址：http://jqueryvalidation.org/二、默认校验规则（1）required:true 必输字段（2）remote:"check.php" 使用ajax方法调用check.php验证输入值（3）email:true 必须输入正确格式的电子邮件（4）url:true 必须输入正确格式的网址（5）date:true 必须输入正确格式的日期（6）dateISO...

JS中实现replaceAll的方法（实例代码）

2017年02月06日 18 阅读

第一次发现JavaScript中replace（）方法如果直接用str.replace（"-","！"）只会替换第一个匹配的字符. 而str.replace（/-/g,"！"）则可以全部替换掉匹配的字符（g为全局标志）。 replace（） The replace（） method returns the string that results when you replace text matching its first argument （a r...

只需一行代码,轻松实现一个在线编辑器

2017年02月06日 20 阅读

在大部分人眼里，技术宅给人的印象是沉默寡言，总摸不透他心里想些什么，彼此都保持距离。作为半个程序员，我觉得真正的技术宅大部分时间都在找乐子，鼓捣各种想法，和大部分人的极客心理是一样的，程序员也还爱讲笑话，也喜欢烧菜做饭，虽然大多是为了减减压，这样看来和常人没什么不一样。不一样的地方，技术宅崇尚极致，喜欢极简，又希望简约不简单，背后就是技术宅满心思的不断的尝试，我正在看着一出好戏在上演："程序员 Jose Jesus Perez Aguinaga 在 Cod...

JS获取键盘上任意按键的值（实例代码）

2017年02月06日 18 阅读

废话不多说，直接上代码复制代码代码如下:function keyUp（）{ if（navigator.appName == "Microsoft Internet Explorer"）{ var keycode = event.keyCode; }else{ varkeycode = keyUp.caller.arguments[0].which; } alert（keycode）;...

IE下window.onresize 多次调用与死循环bug处理方法介绍

2017年02月06日 17 阅读

window.onresize 在IE浏览器下有多次被执行甚至死循环的bug，会导致浏览器卡死解决方案：复制代码代码如下:// IE浏览器下将onresize事件放在div上if（navigator.userAgent && navigator.userAgent.toLowerCase（）.indexOf（"msie"）>-1）{ document.body.innerHTML = "<div onresize="resetClientWi...

jquery 删除cookie失效的解决方法

2017年02月06日 14 阅读

最近做一个功能, 但是删除cookie的时候总是失效, 搞不清楚什么原因.使用$.cookie（"name",""）; 结果出来是生成了一个新的空值的cookie.使用$.cookie（"name",null）; 又删除不掉cookie.最后使用$.cookie（"name",null,{path:"/"}）; 终于成功了. 或许是$.cookie的一个bug吧, 不知最新版的有没有修复这个Bug.以下是其他的一些$.cookie顺便转载过来以备用:复制代...

JS常用正则表达式总结

2017年02月06日 17 阅读

复制代码代码如下:<script type="text/javascript"> function validate（）{ var reg = new RegExp（"^[0-9]*$"）; var obj = document.getElementById（"name"）; if（！reg.test（obj.value））{ alert（"请输入数字！"）; } if（！/^[0-9]*$/.test（obj.value））{ alert（...

在ASP.NET中使用JavaScript脚本的方法

2017年02月06日 18 阅读

一）简单点的如要在一个按钮上增加认证脚本，可以这样复制代码代码如下:<%@ Page Language="C#" %><SCRIPT language="javascript">function getconfirm （）{ if （confirm（"Do you want to delete record？"）==true） return true; else return false; }</SCRIPT><...

深入理解javascript动态插入技术

2017年02月06日 20 阅读

最近发现各大类库都能利用div.innerHTML=HTML片断来生成节点元素，再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML，但是IE可恶的innerHTML把这优势变成劣势。首先innerHTML会把里面的某些位置的空白去掉，见下面运行框的结果：复制代码代码如下:<！doctype html><html dir="ltr" lang="zh-CN"> <head> <...

给文字加上着重号的JS代码

2017年02月06日 18 阅读

复制代码代码如下:var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890";function f（s, width）{ return s.replace（ new RegExp（"[\s\S]{1,"+（width || 4）+"}", "g"）, function（m）{ return "^" + new Array（m.length）.join（" "）; }）;}console.log（s）;console.l...

判定是否原生方法的JS代码

2017年02月06日 19 阅读

浏览器的趋势是加入越来越多对象，像Worker，同时也为旧有的对象添加新方法。如何兼容它的第一步就是检测它们是否存在，没有则补上自己的兼容代码。这时问题就来了，有的类库是给你做了这一步，但有时没有，有时是做了，但并不符合标准。因此单纯是typeof Array.prototype.map === "function"可能不够用。这时isNative方法就要登场了。我一直用的版本，自己写的：复制代码代码如下:var isNative = function（...

JavaScript简单实现网页回到顶部功能

2017年02月06日 18 阅读

很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征，改造做成了减速的滑动效果。首先说一下原理吧，我们会获取滚动条到页面顶部的距离，然后上移一定的距离；再获取滚动条到页面顶部的距离，上移一定的距离（比上一次小一点）;以此类推 ...复制代码...

JavaScript中的字符串操作详解

2017年02月06日 19 阅读

一、概述字符串在JavaScript中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置DOM对象的属性时，在操作cookie时，当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。当前的大部分浏览器也能从强大的正则表达式获益，因为它极大地简化了大量的字符串操作任务，不过它也需要你克服一条有些陡峭的学习曲线。在这里，主要是介绍字符串本身的一些操作，正则表达...

JavaScrip实现PHP print_r的数功能（三种方法）

2017年02月06日 15 阅读

方法一复制代码代码如下:function print_r（theObj） { var retStr = ""; if （typeof theObj == "object"） { retStr += "<div style="font-family:Tahoma; font-size:7pt;">"; for （var p in theObj） { if （typeof theObj[p] == "object"） { retStr += "&...

首页 / 脚本样式 / JavaScript

JavaScript动态插入script的基本思路及实现函数

javascript实用小函数使用介绍

JavaScript的setAttribute兼容性问题解决方法

js hover 定时器（实例代码）

Javascript之this关键字深入解析

javascript 函数及作用域总结介绍

jquery.validate的使用说明介绍

JS中实现replaceAll的方法（实例代码）

只需一行代码,轻松实现一个在线编辑器

JS获取键盘上任意按键的值（实例代码）

IE下window.onresize 多次调用与死循环bug处理方法介绍

jquery 删除cookie失效的解决方法

JS常用正则表达式总结

在ASP.NET中使用JavaScript脚本的方法

深入理解javascript动态插入技术

给文字加上着重号的JS代码

判定是否原生方法的JS代码

JavaScript简单实现网页回到顶部功能

JavaScript中的字符串操作详解

JavaScrip实现PHP print_r的数功能（三种方法）