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

实例详解ECMAScript5中新增的Array方法

2017年02月06日 10 阅读

ECMAScript5 给出了一系列新的API接口，这些接口在新的浏览器中大部分是被支持的，IE9，Chrome，FirFor都支持，也有少量API不是所有浏览器都支持，以下内容仅介绍大部分被支持的API。利用新的API我们可以设计出非常靠谱的类，而且还能保持原有的javaScript的风格。ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。（注意兼容性）在ES5中，一共有9个Array方法：htt...

js老生常谈之this,constructor ,prototype全面解析

2017年02月06日 12 阅读

前言javascript中的this,constructor ,prototype，都是老生常谈的问题，深入理解他们的含义至关重要。在这里，我们再来复习一下吧，温故而知新！thisthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window；如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。先看一个在全局作用范围内使用...

JS中JSON对象和String之间的互转及处理技巧

2017年02月06日 10 阅读

JSON：JavaScript 对象表示法（JavaScript Object Notation），其实JSON就是一个JavaScript的对象（Object）而已。如有不清楚JSON，可以去w3cschool了解http://www.w3school.com.cn/json/1.在javascript中新建一个字符串（JSON文本）。var txt = "{ "employees" : [" +"{ "firstName":"Bill" , "last...

jQuery实现HTML表格单元格的合并功能

2017年02月06日 10 阅读

本文实例讲述了jQuery实现HTML表格单元格合并的方法。分享给大家供大家参考，具体如下：运行效果截图如下：合并前：合并后：具体代码如下：<！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/...

IE8 内存泄露（内存一直增长）的原因及解决办法

2017年02月06日 10 阅读

最近开发的时候对页面使用了定时的局部更新，结果在ie6，7和Firefox下，一切正常，而在ie8下过上几个小时就浏览器就崩溃了，显示是内存溢出，我以为是代码写的不好导致内存泄露，但是ie6，7又正常，调查了一下，原来这是ie8的bug。问题点在IE8中，生成特定Dom节点所占用的内存是不会被释放的，即使这些节点被删除内存也不会被释放。内存泄露的节点类型包括：form、button、input、select、textarea、a、img和objec其他的...

JS实现把鼠标放到链接上出现滚动文字的方法

2017年02月06日 11 阅读

本文实例讲述了JS实现把鼠标放到链接上出现滚动文字的方法。分享给大家供大家参考，具体如下：<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect（0 150 50 0）;width:150px;background-color:seashell"><layer name="nstip" width=1000px bgColor="seashell"&g...

JS控制伪元素的方法汇总

2017年02月06日 10 阅读

一. 缘由：本文源于在OSC社区中，有人提问如何用jq获取伪元素。我第一想法是强大的CSS Query应该可以获取伪元素吧。然而事实上，CSS Query并不能。即我们不能通过$（“:before”）、$（dom）.find（“:before”）或document.querySelector（“:before”）来获取:before伪元素。为此，我不得不重新了解伪元素（Pseudo-elements）。为什么不能用JS直接获取伪元素呢？譬如::before...

JS密码生成与强度检测完整实例（附demo源码下载）

2017年02月06日 10 阅读

本文实例讲述了JS密码生成与强度检测的方法。分享给大家供大家参考，具体如下：1. 生成强密码截图如下：相关代码如下：function getPwd（n）{ var s = ""; while（n--） s += String.fromCharCode（33 + Math.floor（Math.random（）*（126-33））） document.getElementById（"txt1"）.value = s;}2. 计算密码破解时间截图如下：相关代码...

jQuery ajax提交Form表单实例（附demo源码）

2017年02月06日 12 阅读

本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考，具体如下：Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理方法如Form代码如下：<form id="Form1" action="action.aspx" method="post" >名称：<input name="name...

JS动态改变浏览器标题的方法

2017年02月06日 11 阅读

本文实例讲述了JS动态改变浏览器标题的方法。分享给大家供大家参考，具体如下：<！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><...

jQuery隐藏和显示效果实现

2017年02月06日 10 阅读

实例jQuery hide（）简单的jQuery hide（）方法演示。jQuery hide（）另一个hide（）实例。演示如何隐藏文本。jQuery hide（）和 show（）通过 jQuery，您可以使用 hide（）和 show（）方法来隐藏和显示 HTML 元素：实例$（"#hide"）.click（function（）{$（"p"）.hide（）;}）;$（"#show"）.click（function（）{$（"p"）.show（）;...

jQuery实现内容定时切换效果完整实例

2017年02月06日 10 阅读

本文实例讲述了jQuery实现内容定时切换效果。分享给大家供大家参考，具体如下：<！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><...

JavaScript中实现无缝滚动、分享到侧边栏实例代码

2017年02月06日 10 阅读

废话不多说，直接给大家贴代码了，代码解决一起问题！下面一段代码给大家介绍js无缝滚动实例代码：代码如下所示：<！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">...

基于HTML模板和JSON数据的JavaScript交互（移动端）

2017年02月06日 10 阅读

写本文之前，我正在做一个基于Tab页的订单中心：每点击一个TAB标签，会请求对应状态的订单列表。之前的项目，我会在js里使用 + 连接符连接多个html内容：var html = "";html += "<div class="empty-list">" + "<div class="icon icon-box"></div>"+"<div>还没有订单</div>"+"</div>";...

原生js制作日历控件实例分享

2017年02月06日 10 阅读

本文实例为大家分享了js实现一个简单的日历控件，供大家参考，具体内容如下效果图：具体代码：<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>date</title> <style type="text/css"> *{ margin:0; padding:0;} a{ text-decoration:none...

基于javascript bootstrap实现生日日期联动选择

2017年02月06日 10 阅读

本文实例为大家分享了js实现日期联动选择的相关代码，适用于生日的选择，供大家参考，具体内容如下实现目标：年月日三个select 输入框，以及一个hidden的input，通过js获取input的值，如果有值切是日期格式，年月日select为input中的时间。否则为空。年默认区间段为1900年到当今年份本人使用了bootstrap，class请参照bootstrap的相关说明下面是html 内容：<div class="col-sm-9">&l...

jQuery实现简单滚动动画效果

2017年02月06日 10 阅读

动画的思路很简单，点击页面上一个元素，页面滚动到指定位置。下面介绍一下我3个小时百度的研究成果：首先是html部分：<html><body><a>顶部</a><a>中部</a>...<p>持续添加直到出现滚动条</p>...</body></html>先添加两个<a>元素作为按钮。然后对<a>元素进行补充：<...

js仿QQ中对联系人向左滑动、滑出删除按钮的操作

2017年02月06日 10 阅读

本文实例为大家分享实现类似QQ中对联系人的操作：向左滑动，滑出删除按钮。滑动超过一半时松开则自动滑到底，不到一半时松开则返回原处。纯js实现使用了h5的touchmove等事件，以及用js动态改变css3的translate属性来达到动画效果：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...

jquery编写Tab选项卡滚动导航切换特效

2017年02月06日 10 阅读

本文实例为大家分享jquery编写Tab选项卡切换特效，供大家参考，具体内容如下效果说明：点击tab导航，页面滑动到下方相应板块。并且当页面通过鼠标滚动下去时，上方的tab也可以自动切换到当前位置的板块上。代码说明：js中对两个动作分别写，一个是tab点击下滑到相应板块位置；一个是鼠标滚动下去的时候tab判定当前页面滚动高度切换tab。js：$（document）.ready（function（）{$（".switch-tab>li"）.click（...

javascript模块化简单解析

2017年02月06日 10 阅读

本文为大家解读javascript的模块化，具体内容如下AMD是RequireJS在推广过程中对模块定义的规范化产出。异步加载模块，依赖前置，提前执行。Define定义模块 define（[‘require","foo"],function（）{return}）;Require加载模块（依赖前置） require（[‘foo","bar"],function（foo,bar）{}）;CMD是SeaJS在推广过程中对模块定义的规范化产出。Define定义ex...

首页 / 脚本样式 / JavaScript

实例详解ECMAScript5中新增的Array方法

js老生常谈之this,constructor ,prototype全面解析

JS中JSON对象和String之间的互转及处理技巧

jQuery实现HTML表格单元格的合并功能

IE8 内存泄露（内存一直增长 ）的原因及解决办法

JS实现把鼠标放到链接上出现滚动文字的方法

JS控制伪元素的方法汇总

JS密码生成与强度检测完整实例（附demo源码下载）

jQuery ajax提交Form表单实例（附demo源码）

JS动态改变浏览器标题的方法

jQuery隐藏和显示效果实现

jQuery实现内容定时切换效果完整实例

JavaScript中实现无缝滚动、分享到侧边栏实例代码

基于HTML模板和JSON数据的JavaScript交互（移动端）

原生js制作日历控件实例分享

基于javascript bootstrap实现生日日期联动选择

jQuery实现简单滚动动画效果

js仿QQ中对联系人向左滑动、滑出删除按钮的操作

jquery编写Tab选项卡滚动导航切换特效

javascript模块化简单解析

IE8 内存泄露（内存一直增长）的原因及解决办法