JavaScript NaN和Infinity特殊值 [译]

2017年02月06日 21 阅读

1.NaN 在JavaScript中,NaN代表了“not a number”.主要在解析字符串出现错误时会返回这个值: 复制代码 代码如下: > Number（"xyz"） NaNNaN 的名字是“not a number”,不过也可以说是not not a number: 复制代码 代码如下: > NaN ！== NaN true 它是一个数字！类型为"number" 复制代码 代码如下: > typeof NaN "number...

js DOM 元素ID就是全局变量

2017年02月06日 21 阅读

标准规范 HTML5规范文档中指出:如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象.如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名.如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, ...

使用apply方法处理数组的三个技巧[译]

2017年02月06日 20 阅读

apply方法 apply是所有函数都有的方法.它的签名如下: func.apply（thisValue, [arg1, arg2, ...]） 如果不考虑thisValue的影响,上面的调用等同于: func（arg1, arg2, ...） 也就是说,apply允许我们将一个数组"解开"成为一个个的参数再传递给调用函数.让我们分别看看apply使用中的三个技巧. 技巧1: 将一个数组传递给一个不接受数组作为参数的函数 JavaScript中没有返回一个...

JavaScript中将一个值转换为字符串的方法分析[译]

2017年02月06日 17 阅读

译者注:前两天在看ES5的时候顺便出了一道题,今天看到这篇文章,刚好解释的很清楚,就翻译了一下.在JavaScript中,主要有三种方法能让任意值转换为字符串.本文讲解了每种方法以及各自的优缺点.1.转换字符串的三种方法 这三种将value转换为字符串的方法是: 1.value.toString（） 2."" + value 3.String（value） 第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这...

JavaScript 参数中的数组展开 [译]

2017年02月06日 21 阅读

译者注:本文要讲的是ECMAScript 6中的知识点,如果你连ES5都不了解的话.我得说,你已经很落后了.CSS4,HTML6,甚至ES7 ES8都已经开始规划了,赶紧形动起来吧,否则淘汰！有些时候,我们需要把一个数组展开成多个元素,然后把这些元素作为函数调用的参数.JavaScript中可以使用Function.prototype.apply来实现这种展开操作,但它不能被应用在执行构造函数的情况下.本文解释了什么是展开操作以及如何在使用new运算符的同...

JavaScript快速检测浏览器对CSS3特性的支持情况

2017年02月06日 18 阅读

在项目中需要快速检测浏览器是否支持某CSS3特性，比如检测是否支持“transform”，然后我的布局会有两种完全不同的版式。当然除开本文介绍的这种快速方法，还有一种更有名和更通用的方法，那就是modernizr，运行脚本之后它会在html的class上加上浏览器支持的所有特性的列表。优点：js是可配置的，不需要的特性检测可以在配置脚本中去掉基于特性检测js库简单好用除此之外还有一种不太好的方法，那就是判断浏览器的UA，不好的原因是UA可能会伪造，而且版本...

JavaScript模板入门介绍

2017年02月06日 22 阅读

比如要在一个列表中利用ajax插入一个li的时候，我会直接把数据跟html标签拼接成一句完整的html，然后插入到ul中。无论数据是从服务器端拿回的，或者是从用户的input输入中拿到的——无论哪种方法都是一样。 这个拼接过程放在JavaScript文件中，显得非常不优雅。如果还把style也放在JavaScript中，那数据、结构还有样式整个就是一锅粥了，要维护这样的代码会让人想自杀。最过分的就是把页面上最终要生成的HTML都直接放在服务器端，ajax吐...

js 手机号码合法性验证代码集合

2017年02月06日 19 阅读

第一个代码：复制代码 代码如下: function Checkreg（） { //验证电话号码手机号码，包含153，159号段 if （document.form.phone.value=="" && document.form.UserMobile.value==""）{ alert（"电话号码和手机号码至少选填一个阿！"）; document.form.phone.focus（）; return false; } if （document.form.p...

IE8提示Invalid procedure call or argument 异常的解决方法

2017年02月06日 18 阅读

1. 环境： browser_info:"platform:Win32;msie;version:8.0;ie", navigator:"appCodeName:Mozilla;appName:Microsoft Internet Explorer;appMinorVersion:Release Candidate 1;cpuClass:x86;platform:Win32;systemLanguage:zh-cn;userLanguage:zh-cn;a...

javascript动画对象支持加速、减速、缓入、缓出的实现代码

2017年02月06日 21 阅读

调用接口： 复制代码 代码如下: /** * @param elem {HTMLElement} 执行动画的HTML元素 * @param params {JSON} 动画执行过过程中需要修改的HTML属性 * @param duration {Number} 可选，动画执行时间，单位毫秒 * @param easing {String} 可选，动画执行的方式，缓入easeIn、缓出easeOut * @param callback {Function} ...

实现网页内容水平或垂直滚动的Javascript代码

2017年02月06日 21 阅读

主要两个部分，一、是滚动内容部分；二、JS的滚动代码部分，也只有两句话。 一、传统的滚动代码 用Javascript实现新闻内容的水平滚动！ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的问题。 二、Javascript实现的滚动效果 用Javascript实现新闻内容的水平滚动1 document.writ...

页面回到顶部的三种实现（锚标记，js）

2017年02月06日 22 阅读

本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML（http://www.jb51.net/web/62651.html） 锚标记，也可使用Javascript Scroll （http://www.jb51.net/article/31422.htm） 函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个...

仿新浪微博返回顶部的jquery实现代码

2017年02月06日 21 阅读

一、引言 在web页面中，如果页面较高，为了方便用户快速地返回顶部，都会添加一个返回顶部按钮。 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮；人人网的返回顶部直接在底部的工具条上；新浪微博的返回顶部在滚动高度大于0的时候显示，且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。 二、jQuery下的返回顶部功能 您可以狠狠地点击这里：jQuery下的返回顶部demo 可以看到，如果页面有滚动高度，右下角就会有一个含有...

关于锚点跳转及jQuery下相关操作与插件

2017年02月06日 26 阅读

一、锚点跳转简介 锚点嘛，业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到，例如，百度百科页面，《火影忍者》这个词条，结果就会看到如下的锚点列表：点击其中一个链接，就会跳转到页面的相应位置。这就是锚点的作用之一。锚点还可以用在跳转到其他页面的相应位置，例如我的博客，点击博客首页文章下面的评论链接，则会跳转到文章的评论处。起关键作用的就是链接地址后面跟着的#comments，见下图标示：我知道的实现锚点跳转有两种方式，一种是a标签+n...

Javascript操作cookie的函数代码

2017年02月06日 19 阅读

javascript操作cookie简单版本 复制代码 代码如下: function setCookie（name, value, iDay） { var oDate = new Date（）; oDate.setDate（oDate.getDate（） + iDay）; document.cookie = name+"="+value+";expires="+oDate; } function getCookie（name） { var arr = do...

js自动闭合html标签（自动补全html标记）

2017年02月06日 20 阅读

复制代码 代码如下: <script type="text/javascript"> // Close HTML Tags -------------------------------------------- function closeHTML（str）{ var arrTags=["span","font","b","u","i","h1","h2","h3","h4","h5","h6","p","li","ul","table","...

在jQuery ajax中按钮button和submit的区别分析

2017年02月06日 22 阅读

复制代码 代码如下: <script type="text/javascript"> $（document）.ready（function（）{ $（"#submit"）.click（function（）{ $.post（"sendPwd.php",{QQnum:$（"#QQnum"）.val（）,psw:$（"#psw"）.val（）},function（data）{ $（"#aaa"）.html（data）; },"html"）; }）; ...

jQuery提交表单ajax查询实例代码

2017年02月06日 21 阅读

看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 复制代码 代码如下: <script language="javascript" type="text/javascript"> $（document）.ready（function（） { $（"#btnSubmit"）.click（fun...

jquery创建并行对象或者合并对象的实现代码

2017年02月06日 21 阅读

核心代码： 复制代码 代码如下: var arr = new Array（）; arr[0] = $（this）.parents（"tr"）[0]; arr[1] = $（this）.parents（"tr"）.next（）[0]; var dom = $（arr）; $（dom）.find（"td.title a"）.hide（）; $（dom）.find（"td.title input"）.show（）; ...

jQuery弹出窗口完整代码（居中,居左,居右）

2017年02月06日 21 阅读

核心代码：复制代码 代码如下://获取窗口的高度 var windowHeight; //获取窗口的宽度 var windowWidth; //获取弹窗的宽度 var popWidth; //获取弹窗高度 var popHeight; function init（）{ windowHeight=$（window）.height（）; windowWidth=$（window）.width（）; popHeight=$（".window"）.height（）...