好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
JavaScript实现无刷新后退功能(sessionStorage的读取与新增的封装)
发布时间：2018-06-26 23:03:15作者：雪饮
下面的实例是对sessionStorage读取和新增的封装。读取：只读取sessionStorage中最后添加的一条记录新增:若是重复对象则新增失败起源：自从html5引入的sessionStorage后操作起
详细信息>>jquery的未来绑定(动态绑定)
发布时间：2018-06-26 22:58:56作者：雪饮
有时候有这样的需求，对于html我们可以给他绑定事件，可是通过JavaScript生成的html我们如何绑定事件呢？实例如下：我们在父容器中先将未来可能要产生的容器，通过选择器传入on的第
详细信息>>jquery获取下拉option选中项的自定义属性值
发布时间：2018-05-23 10:05:28作者：雪饮
昨天也就是试岗的第三天，竟然败给了一个前端需求，当时脑袋一片混乱，因为在此之前已经完成了好多后端工作又接近下班时间当时脑袋特别疼，又遭遇主管谈话，心静不下来也应该是一个
详细信息>>javascript实现url地址指定get参数值的替换
发布时间：2018-05-23 09:37:11作者：雪饮
昨天也就是试岗的第三天，结果败给了这个需求，要不是时间上逼的太近，我也是能完成的。要求对地址栏中的指定get参数能够替换。实现方法：function changeURLArg(url,arg,arg_val)
详细信息>>javascript学习笔记
发布时间：2018-04-05 19:02:14作者：雪饮
语法、关键保留字及变量和数据类型运算符流程控制、with、arguments对象、数组、排序时间与日期正则表达式Function类型变量作用域及内存基本包装类型内置对象面向对象与原
详细信息>>javascript学习笔记-附件
发布时间：2018-04-05 18:34:28作者：雪饮
BrowserDetect.js插件下载BrowserDetect.js fd7f3843f81c127d555107b130dfc532.js (3.42 KB) firebug-lite(web版firebug
详细信息>>javascript学习笔记-预加载
发布时间：2018-04-05 18:30:44作者：雪饮
预加载在真正高清图片没有加载完毕之前可以先放一个预加载的图片，高清图片加载完毕后再来改变src，这个很简单我们只需要先放一个src然后通过js来改变，因为高清图比较慢，所以虽
详细信息>>javascript学习笔记-延迟加载(每次只加载可见区域)
发布时间：2018-04-05 18:28:57作者：雪饮
延迟加载页面中有太多高清大图，并且页面比较长要滚动好久才翻到页面底部，若一次性加载完毕对服务器性能损耗是很大的。那么我们就采用延迟加载，每次只加载用户可见区域的部分
详细信息>>javascript学习笔记-动画初探(setInterval,clearInterval)
发布时间：2018-04-05 18:27:00作者：雪饮
使用setInterval和定位实现动画的一个小bug下面这个效果在按钮被点击的时候会出现元素box会向右下的方向运动，可是若连续点击按钮就会发现竟然运动速度越来越快，像是加速度一
详细信息>>javascript学习笔记-DOM加载
发布时间：2018-04-05 18:26:03作者：雪饮
DOM加载 <!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.
详细信息>>javascript学习笔记-事件绑定
发布时间：2018-04-05 18:25:06作者：雪饮
函数冒充的深入理解一般在一个方法里面this指代的是其当前环境对象，比如这里，alert(this)若不是冒充调用，则this应该是window，但由于冒充调用了，则this就是冒充时传递的第一个参
详细信息>>javascript学习笔记-ajax
发布时间：2018-04-05 18:24:12作者：雪饮
一个简单的ajax请求var xhr = new XMLHttpRequest();//get方式、请求根目录的l.php,同步请求xhr.open('get','/l.php',false);//若不需要发送什么数据可以直接null，也可以直
详细信息>>javascript学习笔记-JSON
发布时间：2018-04-05 18:23:18作者：雪饮
Json简单值看起来如下语法会报错，但是却没有报错<!doctype html><html><head><meta charset="utf-8"><title>雪饮个人博客</title></head><body><script type="text/javascr
详细信息>>javascript学习笔记-XPath
发布时间：2018-04-05 18:22:15作者：雪饮
通过w3c提供的XpathEvaluator进行xpath查询单一节点var xmlParser=new DOMParser(); var xmlStr="<root><user>杜敏捷</user><love>雪饮</love></root>";
详细信息>>javascript学习笔记-XML
发布时间：2018-04-05 18:21:17作者：雪饮
Xml对象的创建与元素的创建和获取//创建xml对象 //参数1为命名空间，我们这里不使用命名空间 //参数2为xml的根标签 //参数3为文档声明 var xmlDom=document.impleme
详细信息>>javascript学习笔记-Cookie与存储(storage)
发布时间：2018-04-05 18:19:47作者：雪饮
cookie的写入与获取google需要在服务端才能生效window.onload=function(){ //写入cookie document.cookie='user=雪饮'; //cookie获取 alert(document.cookie);}co
详细信息>>javascript学习笔记-错误处理(抛出与捕获)与调试(try,catch)
发布时间：2018-04-05 18:17:35作者：雪饮
使用try catch捕获错误try{ window.abcdef();}catch(e){ //错误对象的toString //alert(e); //错误名称 //alert(e.name); //错误信息 //alert(e.message);}
详细信息>>javascript学习笔记-表单处理
发布时间：2018-04-05 18:16:32作者：雪饮
获取formvar fm=document.forms[0]; alert(fm);通过name获取formvar fm=document.forms['xy']; alert(fm);通过name直接获取formvar fm=document.xy; alert(fm);关于
详细信息>>javascript学习笔记-事件绑定及深入
发布时间：2018-04-05 18:15:22作者：雪饮
传统事件绑定的缺陷(多绑定的覆盖问题)由于实际项目开发中可能一个js由多个人编写，所以有可能会导致多绑定覆盖的问题window.onload=function(){ alert("雪饮");};w
详细信息>>javascript学习笔记-事件对象
发布时间：2018-04-05 18:13:33作者：雪饮
元素事件被绑定的函数中this指向该元素即便该函数不是匿名函数而是全局中的函数，因为这里上对其代码的引用，那么代码只要引入到这里了，this自然指向该元素var box=document.ge
详细信息>>javascript学习笔记-事件入门
发布时间：2018-04-05 18:11:48作者：雪饮
JavaScript 有三种事件模型：内联模型、脚本模型和 DOM2 模型。内联模型这种模型是最传统的一种处理事件的方法。在内联模型中，事件处理函数是 HTML 标签的一个属性，用于处理指
详细信息>>javascript学习笔记-动态加载脚本和样式
发布时间：2018-04-05 18:10:01作者：雪饮
元素位置获取元素距离页面上、左的距离var box=document.getElementById("box"); //alert(box.getBoundingClientRect());//元素上边距离页面上边的距离 alert(box.get
详细信息>>javascript学习笔记-DOM元素尺寸和位置
发布时间：2018-04-05 18:07:56作者：雪饮
获取元素的实际尺寸包含填充之后的实际可视大小，不包含边框大小，不包含外边界。如果有滚动条，则不包含滚动条的大小。无论你原来设置的样式单位是em或者pt等，最终获取的结果的
详细信息>>javascript学习笔记-DOM操作表格及样式
发布时间：2018-04-05 18:06:33作者：雪饮
一张完整的表格格式<style>th,td{ text-align:center;}</style><table border="1" width="300" align="center"> <caption>人员表</caption> <thead> <tr>
详细信息>>javascript学习笔记-DOM进阶
发布时间：2018-04-05 18:05:26作者：雪饮
Node 类型Node 接口是 DOM1 级就定义了，Node 接口定义了 12 个数值常量以表示每个节点的类 型值。Node 的常量常量名 说明 nodeType 值ELEMENT_NODE 元素 1 ATTRIBUTE_NODE
详细信息>>