JavaScript CookieCookie对象:Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。Cookie文件的格式:NS:Cookie.txtIE:用户名@域名.txt有两种类型的cookie:(1)持久性cookie,会被存储到客户端的硬盘上。(2)会话Cookie:不会存储到客户端的硬盘上,而是放在浏...
本文实例讲述了jQuery中DOM操作的方法。分享给大家供大家参考。具体分析如下: 这里主要设计的dom操作包括:dom对象的创建(JS方式和jquery方式)、属性的修改、样式的修改、动态绑定事件 代码如下:代码如下:动态创建对象测试图层获取自定义数据-1 获取自定义数据-2//document.getElementById("testDiv").innerHTML = "动态创建的div"; var testDiv = document.getElementById("testDiv"); var select = document.createElement("se...
本文实例讲述了JavaScript前补零操作的方法。分享给大家供大家参考。具体如下: 很多时候为了显示格式,需要在某一字符串不满位的情况下进行前补0操作。 1. 传统代码/*** 前补0操作* @param number String 待操作字符串* @param length int 目标长度*/ function addZero(number, length) {var buffer = "";if (number == "") {for (var i = 0; i 2. 这个代码更简洁function addZero(str,length){ return new Array(length -...
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下:$(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s) });当查询结果集返回后,设置关闭等待的样式function init_page_pro(sdate, pro) { $.post("detail.key", {'pro' : pro,'sdate' : sdate }, function(result, resultState) {if (resultState == "succes...
本文实例讲述了javascript实现表格增删改操作的方法。分享给大家供大家参考。具体实现方法如下:javascript 表格增删改var _OTable_ = null; var _oTbody_ = null; var _arrSelect_ = new Array; var _oTempValue_=new Object; _oTempValue_["$updateIndex"]=-1; var _TheadName_=new Array("姓名","性别","年龄","籍贯","删除否"); var CELLS_COUNT=_TheadName_.length-1; String.prototype.trim=function() {return this.replace...
检查属性var mouse = {"name": "betta","age": 3,"varieties": "milaoshu" }mouse.hasOwnProperty("name"); // true mouse.hasOwnProperty("sex"); //false增加属性 定义个对象 dog,然后赋予各种特性,再赋予 color特性,最后遍历所有的属性以及值var dog={name:"芒果",type:"会之王",eat:function(){alert("吃");} }Object.prototype.color="白色";var name;for(name in dog){document.write(name+" "+dog[name]+"")}效果如下nam...
本文实例总结了JavaScript节点及列表操作的方法。分享给大家供大家参考。具体如下: (1)创建新节点createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点(2)添加、移除、替换、插入appendChild() removeChild() replaceChild() insertBefore()(3)查找getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值 getElementById(...
本文实例讲述了jQuery链式操作。分享给大家供大家参考,具体如下: 从过去的实例中,我们知道jQuery语句可以链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果。$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");});以上代码为整个列表增加样式css1,然后再进行筛选,再为筛选的元素单独增加css2样式。如果不采用jQu...
本文实例讲述了javascript针对cookie的基本操作。分享给大家供大家参考,具体如下: js被C#、JAVA等开发者视为声名狼藉的附属编程语言是有道理的,比如说,对cookie的操作。js就没有一套类似C#的现成处理方案,而只能由你自己去完成。下面我就将自己学习的用面向对象的思想对cookie进行处理的学习笔记整理一下,以飨读者。 cookie的常见操作分析: (1)设置cookie 包括了添加和修改功能,事实上如果原有cookie 名称已经存在,那么...
本文实例讲述了javascript性能优化之DOM交互操作技巧。分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分。DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分。理解如何优化与DOM的交互可以极大提高脚本完成的速度。 1、最小化DOM更新 看下面例子:var list = document.getElementById("ul"); for (var i=0; i 我们可以使用 文档碎片 来最小化DOM更新。var list = doc...
本文实例分析了JavaScript文档碎片操作方法。分享给大家供大家参考,具体如下: 使用文档碎片在某些情况下可以提高页面效率。 javascript操作dom是一个很耗性能的过程,在某些情况下,不得不进行dom循环操作,我们每次对dom的操作都会触发"重排",这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作来减少"重排"。 面对循环操作dom的过程,我们选择使用文档碎片(creatDocumentFragment),将需要添加到dom中的内容一次性...
本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考,具体如下://购物车 var Cart = function () {this.Count = 0;this.Total = 0;this.Items = new Array(); }; //购物车集合对象 var CartItem = function () {this.Id = 0;this.Name = "";this.Count = 0;this.Price = 0; };//购物车操作 var CartHelper = function () {this.cookieName = "yxhCart";this.Clear = function () {var cart = new Cart();t...
本文实例讲述了jquery分页优化操作。分享给大家供大家参考,具体如下: 前言 上次写了博客 jquery分页显示,文章的jquery分页方式虽然可以通过js实现分页,但是也存在明显的弊端。 该篇文章的思路是,每次通过ajax请求获取到记录,然后通过判断当前页面,显示或者隐藏记录,以实现分页效果。但是这种方式,每次切换分页都需要从新请求一次记录,频繁的查询数据库。 下面提供一种,只需要加载一次(查询一次数据库)就能实现分页的思...
本文实例讲述了jQuery中DOM常见操作。分享给大家供大家参考,具体如下: DOM属性操作 属性列表属性版本说明attr()1.0设置或返回文档节点的属性。removeAttr()1.0移除文档节点的属性。prop()1.6设置或返回DOM元素的属性。removeProp()1.6移除每个匹配元素的属性。addClass()1.0添加CSS类名。removeClass()1.0移除CSS类名。toggleClass()1.2切换CSS类名(存在就删除,不存在就添加)。html()1.0设置或返回元素的html内容(即innerHTML)。...
本文实例讲述了Javascript 对象(object)合并操作。分享给大家供大家参考,具体如下: 对象的合并 需求:设有对象 o1 ,o2,需要得到对象 o3 var o1 = { a:a }, o2 = { b:b }; // 则 var o3 = { a:a, b:b }方法1:使用JQuery的extend方法 **方法定义**:jQuery.extend([deep], target, object1, [objectN]) > 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。 > 如果不指定target,则给jQuery命名空间...