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

innerHTML与jquery里的html（）区别介绍

2016年07月27日 6 阅读

看个示例：复制代码代码如下: var tbody=document.createElement（"tbody"）; tbody.innerHTML="<tr><td>IE下tbody的innerHTML是只读的</td></tr>"; //在IE下报错，目标对象错误现在用jquery的html试试，复制代码代码如下: $（tbody）.html（"<tr><td>IE下tb...

poshytip 基于jquery的插件主要用于显示微博人的图像和鼠标提示等

2016年07月27日 5 阅读

这种效果常常有两个需求 1 鼠标移动到人图像上时，显示这个人的信息，鼠标离开人图像时隐藏这个人的相关信息 2当鼠标移动到到人的信息块时，信息依然显示，当鼠标离开人的信息块时，信息隐藏 3 必须是自动关闭而不是手动关闭通常第一个比较容易满足，但是第一个在遇到事件冒泡时，搞起来也比较麻烦，这个时候在遇到第二个需求，就很难搞定了，做微博APP时，常常要显示人的个人信息，想吧新浪或腾讯的那个js弄过来吧，搞了半天没找见是那一段js，博客园里面推荐的一堆to...

文本框input聚焦失焦样式实现代码

2016年07月27日 5 阅读

首先用css的伪类：focus可以改变。文本框的 html代码假设如下：复制代码代码如下: <dl> <dt>Name: <dt> <dd><input type="text" /></dd> <dt>Password: <dt> <dd><input type="password" /></dd> <dt>...

JS自动缩小超出大小的图片

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> jQuery.fn.LoadImage=function（scaling,width,height,loadpic）{ if（loadpic==null）loadpic="../img/loading.gif"...

基于JQuery模仿苹果桌面的Dock效果（初级版）

2016年07月27日 5 阅读

新的一天新的开始，今天要分享的是用JQuery模仿苹果操作系统桌面的Dock效果，之所以称之为初级版，是因为其中还有一些bug，显示效果并不稳定。由于时间的关系，这些bug还没有修复，希望高手们不吝赐教，提出更好的意见，希望可以做出更好的版本分享给大家。这是静态的效果图，好吧，看上去还想模像样下面是HTML页面的代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http:...

基于JQuery的模拟苹果桌面Dock效果（稳定版）

2016年07月27日 7 阅读

JavaScript 用cloneNode方法克隆节点的代码

2016年07月27日 6 阅读

很多时候我们会用for 来生成多个结构相同的节点结构，这样我们需要写很多createElement、setAttribute、appendChild 等代码。但其实我们只需要有一个html 的模板，就可以用cloneNode 方法对已有的节点进行克隆，包括其子节点。以下是cloneNode 方法原型： newElement oldElement.cloneNode（bool deep）; 这个方法只有一个参数deep，布尔值，如果为true，则克隆ol...

Lazy Load 延迟加载图片的jQuery插件中文使用文档

2016年07月27日 7 阅读

什么是LazyLoad技术？在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后...

JS的replace方法介绍

2016年07月27日 6 阅读

该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。下文展示了几种javascript正则表示式的repalce方式，有些方式我们很少在别的地方看到，如第二种和第三方中方法。复制代码代码如下: //下面的例子用来获取url的两个参数，并返回urlRewrite之...

基于jquery DOM写的类似微博发布的效果

2016年07月27日 6 阅读

复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>微博发布jq版</title> <meta name="Keywords" content=""> <meta name="Description" content=""> <script src="http://c...

javascript window.confirm确认取消对话框实现代码小结

2016年07月27日 5 阅读

confirm（）方法 confirm（）方法用于显示一个带有指定消息和确定及取消按钮的对话框。说明：如果用户点击确定按钮，则 confirm（）返回 true。如果点击取消按钮，则 confirm（）返回 false 一种：复制代码代码如下: <a href="javascript:if（confirm（"确实要删除该内容吗？"））location="http://www.baidu.com"">弹出窗口</a> ...

js indexOf（）定义和用法

2016年07月27日 5 阅读

返回 String 对象内第一次出现子字符串的字符位置。 strObj.indexOf（subString[, startIndex]）参数 strObj 必选项。String 对象或文字。 subString 必选项。要在 String 对象中查找的子字符串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。说明 indexOf 方法返回一个整数值，指出 String 对象内子字符串的...

重写javascript中window.confirm的行为

2016年07月27日 6 阅读

javascript中window.confirm这个方法很好用，可以弹出一个确认对话框我们之所以弹出这个对话框，可能就是因为该操作很危险，所以要用户确认。但如果默认选择"确定"，则可能违背了这个原则。另外，confirm对话框的按钮都是固定在"确定"和"取消"这两个。可能有些时候也不是很直观。所以，可以考虑用vbscript中的msgbox来改写这个行为。下面是一个范例复制代码代码如下: <%@ Page Language="C#" Aut...

JS控件的生命周期介绍

2016年07月27日 5 阅读

JS控件的生命周期跟其他平台UI的生命周期类似，但是又有自己的特点，我们只有将控件的生命周期划分清晰，所有的控件编写、mixins的编写和plugin的编写才能遵循控件的生命周期做统一的管理。在这里我把JS的生命周期定义为4部分： 1.initializer: 初始化，做一些不牵扯DOM操作的初始化操作 2.createDom: 创建 DOM，在这个过程中我们创建控件需要的DOM结构 3.renderUI: 生成控件的内部元素，在这里调用子控件的渲染方法，...

js Dialog 实践分享

2016年07月27日 5 阅读

分析：1. Dialog的生命周期：2. Dialog的结构：标题、内容（DOM）、数据、提交栏、关闭按钮显示以及加载数据1. Content 作为页面代码隐藏到页面中，Dialog显示后，将数据（Json对象）赋值到Dialog1）优点：实现最为简单2）缺点：加载页面时，页面代码多，如果未发生Dialog操作，这部分Dom不会被用到，如果弹出的Dialog种类过多，那么页面的隐藏代码会大大增加页面大小；2. Contetn作为单独的页面（代码块，类似于M...

关于js new Date（）出现NaN 的分析

2016年07月27日 5 阅读

此NaN不为NaN：程序代码如下：复制代码代码如下: var date =new Date（d）; if（！date || ！date.getFullYear） { return; } return S.Date.format（d,"yyyy-mm-dd"）;//格式化函数，跟此文无关在其他浏览器下正常，但是在ie下，程序报错在ie调试器下，发现date 为NaN，如图：如果是NaN，那么if判断会返回true,会 return "",但是...

javascript中input中readonly和disabled区别介绍

2016年07月27日 5 阅读

Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input（text / password）和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去...

javaScript 删除字符串空格多种方法小结

2016年07月27日 5 阅读

复制代码代码如下: // 去掉字符串的头空格（左空格） function LTrim（str）{ var i; for（i=0;i<str.length; i++） { if（str.charAt（i）！=" "） break; } str = str.substring（i,str.length）; return str; } // 去掉字符串的尾空格（右空格） function RTrim（str）{ var i; for（i=str.leng...

JavaScript window.document的属性、方法和事件小结

2016年07月27日 5 阅读

javascript中window.document的属性、方法和事件的总结，有需要的朋友可参考一下本文章。属性: Attributes 存储节点的属性列表（只读） childNodes 存储节点的子节点列表（只读） dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义（只读） Doctype 指定文档类型节点（只读） documentElement 返回文档的根元素（可读写） firstChild 返回当前...

jquery 实现checkbox全选，反选，全不选等功能代码（奇数）

2016年07月27日 5 阅读

首页 / 脚本样式 / JavaScript

innerHTML与jquery里的html（）区别介绍

poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等

文本框input聚焦失焦样式实现代码

JS自动缩小超出大小的图片

基于JQuery模仿苹果桌面的Dock效果（初级版）

基于JQuery的模拟苹果桌面Dock效果（稳定版）

JavaScript 用cloneNode方法克隆节点的代码

Lazy Load 延迟加载图片的jQuery插件中文使用文档

JS的replace方法介绍

基于jquery DOM写的类似微博发布的效果

javascript window.confirm确认 取消对话框实现代码小结

js indexOf（）定义和用法

重写javascript中window.confirm的行为

JS控件的生命周期介绍

js Dialog 实践分享

关于js new Date（） 出现NaN 的分析

javascript中input中readonly和disabled区别介绍

javaScript 删除字符串空格多种方法小结

JavaScript window.document的属性、方法和事件小结

jquery 实现checkbox全选，反选，全不选等功能代码（奇数）

poshytip 基于jquery的插件主要用于显示微博人的图像和鼠标提示等

javascript window.confirm确认取消对话框实现代码小结

关于js new Date（）出现NaN 的分析