基于jquery DOM写的类似微博发布的效果 2017年02月06日 21 阅读 复制代码 代码如下: <!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确认 取消对话框实现代码小结 2017年02月06日 21 阅读 confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。 说明:如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false 一种: 复制代码 代码如下: <a href="javascript:if(confirm("确实要删除该内容吗?"))location="http://www.baidu.com"">弹出窗口</a> ...
js indexOf()定义和用法 2017年02月06日 20 阅读 返回 String 对象内第一次出现子字符串的字符位置。 strObj.indexOf(subString[, startIndex]) 参数 strObj 必选项。String 对象或文字。 subString 必选项。要在 String 对象中查找的子字符串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。 说明 indexOf 方法返回一个整数值,指出 String 对象内子字符串的...
重写javascript中window.confirm的行为 2017年02月06日 22 阅读 javascript中window.confirm这个方法很好用,可以弹出一个确认对话框我们之所以弹出这个对话框,可能就是因为该操作很危险,所以要用户确认。但如果默认选择"确定",则可能违背了这个原则。 另外,confirm对话框的按钮都是固定在"确定"和"取消"这两个。可能有些时候也不是很直观。 所以,可以考虑用vbscript中的msgbox来改写这个行为。下面是一个范例 复制代码 代码如下: <%@ Page Language="C#" Aut...
JS控件的生命周期介绍 2017年02月06日 25 阅读 JS控件的生命周期跟其他平台UI的生命周期类似,但是又有自己的特点,我们只有将控件的生命周期划分清晰,所有的控件编写、mixins的编写和plugin的编写才能遵循控件的生命周期做统一的管理。在这里我把JS的生命周期定义为4部分: 1.initializer: 初始化,做一些不牵扯DOM操作的初始化操作 2.createDom: 创建 DOM,在这个过程中我们创建控件需要的DOM结构 3.renderUI: 生成控件的内部元素,在这里调用子控件的渲染方法,...
js Dialog 实践分享 2017年02月06日 18 阅读 分析:1. Dialog的生命周期:2. Dialog的结构:标题、内容(DOM)、数据、提交栏、关闭按钮显示以及加载数据1. Content 作为页面代码隐藏到页面中,Dialog显示后,将数据(Json对象)赋值到Dialog1)优点:实现最为简单2)缺点:加载页面时,页面代码多,如果未发生Dialog操作,这部分Dom不会被用到,如果弹出的Dialog种类过多,那么页面的隐藏代码会大大增加页面大小;2. Contetn作为单独的页面(代码块,类似于M...
关于js new Date() 出现NaN 的分析 2017年02月06日 20 阅读 此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区别介绍 2017年02月06日 18 阅读 Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去...
javaScript 删除字符串空格多种方法小结 2017年02月06日 20 阅读 复制代码 代码如下: // 去掉字符串的头空格(左空格) 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的属性、方法和事件小结 2017年02月06日 20 阅读 javascript中window.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读) documentElement 返回文档的根元素(可读写) firstChild 返回当前...
jquery 实现checkbox全选,反选,全不选等功能代码(奇数) 2017年02月06日 21 阅读 设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): 复制代码 代码如下: <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox" name="fruit" value="banana" />香蕉 &l...
分享8款优秀的 jQuery 加载动画和进度条插件 2017年02月06日 20 阅读 加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快,但是我们的网站越来越复杂,同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候,使用时尚的加载动画和进度条告诉用户还有内容正在加载是一种非常好的方式。今天这篇文章向大家推荐10款基于 jQuery 实现的加载动画和进度条插件。Spin.js 最喜欢这款插件了,动画图片的长度、粗细、速度和角度都可以灵活控制,想要做成什么样都可以。源码下载在线演示Percentage Load...
改进版通过Json对象实现深复制的方法 2017年02月06日 20 阅读 之前看到博客的关于Json对象的深复制方法,即 复制代码 代码如下: var obj = { sayName: function() { alert(this.name); }, name:"静水渊" };var cloneObj=JSON.parse(JSON.stringify(obj));cloneObj.sayName(); 但这种方式,不能复制属性值是函数的属性,因此改进了方法,以下是具体代码: 复制代码 代码如下: var obj = { s...
Jquery瀑布流插件使用介绍 2017年02月06日 17 阅读 瀑布流布局浅析浅谈个人在瀑布流网页的实现中遇到的问题和解决方法折腾:瀑布流布局(基于多栏列表流体布局实现)javascript 瀑布流、各大瀑布流简析与建议因为自己用jquery比较多,便萌生了把瀑布流做成插件的想法,图片就借用迅雷UED上的那些美图吧。先看看Demo 把代码放出来吧 复制代码 代码如下: ;(function($){ var //参数 setting={ column_width:204,//列宽 column_className:"wa...
js中encode、decode的应用说明 2017年02月06日 19 阅读 encodeURIComponent 将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。 encodeURIComponent(encodedURIString) 必选的encodedURIString参数代表一个已编码的 URI 组件。 说明 encodeURIComponent方法返回一个已编码的 URI。如果您将编码结果传递给decodeURIComponent,那么将返回初始的字符串。因为encodeURIComponent方法对所...
js制作的鼠标悬浮时产生的下拉框效果 2017年02月06日 20 阅读 先给大家补补课,讲个简单的例子: 复制代码 代码如下: <html><head> <meta type-equiv="Content-Type" content="text/html"> <meta charset="utf-8″> <script type="text/javascript"> jq=jQuery.noConflict(); jq=(document).ready(functio...
不使用XMLHttpRequest实现异步加载 Iframe和script 2017年02月06日 20 阅读 调用页面如下: 复制代码 代码如下: <!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> <title></ti...
使用jquery动态加载javascript以减少服务器压力 2017年02月06日 21 阅读 幸运的是,jQuery提供了一个内置的实用函数,$getScript()为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法: $.getScript(url,callback) 获取url参数所指定的脚本,使用一个GET请求到指定的服务器 Parameters URL()获取脚本文件的URL。 callback (Function)可选函数 调用脚本文件加载后里面的函数 具体实现过程是 从资源加载文本 |如果字符串成功 返回XHR实例,用...
基于jquery的滚动条滚动固定div(附演示下载) 2017年02月06日 22 阅读 例如:淘宝商品详情里,滚动条往下来拉的时候,商品详情和评价那个nav会固定,现在很多网站也都有这样类似的效果,现在流行这个么?元芳,你怎么看?我也在网上找了找代码,屡试不爽啊,很多代码乱且没用。于是乎,我自己写一个,代码非常之简单,只有10几行,但遗憾的是,不兼容IE6,如果谁有兼容IE6的例子,还请指教。 直接贴下代码吧。 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit...