好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
js打印dom对象所有属性
发布时间：2017-04-26 11:46:05作者：雪饮
js打印dom对象所有属性console.dir(stateobj);
详细信息>>js转换文件流(blob)为base64字符串数据
发布时间：2017-03-26 17:25:57作者：雪饮
function readBlobAsDataURL(blob) { var a = new FileReader(); a.onload = function(e) { //获取base64数据 callback(e.target.result); }; a.readAsDataURL(
详细信息>>js字符串转数组（无缝分割）
发布时间：2017-03-26 17:23:23作者：雪饮
function strToArray(str,num){var arr=new Array();var j=0;for(var i=0;i<str.length;){ arr[j]=str.substr(i,num); j++; i=i+num;}return arr;}
详细信息>>原生js实现自适应全屏轮播
发布时间：2017-03-19 14:26:18作者：雪饮
Js部分 function lunbo(){var lunbo=document.getElementById("lunbo");var box=document.getElementById("box");//父级容器宽度var parent_width=box.clientWidth;//计算
详细信息>>腾讯地图定位(地理位置名称)及周边(通过经纬度获得)
发布时间：2017-02-19 18:08:55作者：雪饮
<!doctype html><html><head><meta charset="utf-8"><title>腾讯地图定位(地理位置名称)及周边(通过经纬度获得)</title><script>//地图初始化var geocoder,map, marker =
详细信息>>利用百度的satedata(javascript数组)做的城市级联选择
发布时间：2017-02-19 17:27:14作者：雪饮
用原生js结合百度某网页中获取的省市联动所需数据（javascript数组）写的城市级联选择。在写该功能时自己的javascript功能再次得到提升。由于我要在前端页面保存一个dom结构对
详细信息>>javascript-图片选择与预览
发布时间：2017-02-12 21:17:05作者：雪饮
<script>function selfile(){ var pic=document.getElementById('selfile').files[0]; var tmpimg=document.createElement('img'); tmpimg.src=window.URL.createObje
详细信息>>jquery 水平滑动事件touch（触屏）
发布时间：2017-02-12 21:11:16作者：雪饮
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script src="http://apps.bdimg.com/libs/jq
详细信息>>javascript前端图片压缩并返回base64数据
发布时间：2017-02-12 21:06:01作者：雪饮
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>function getinfo(obj){filePath=window.URL.createObjectURL(obj.files[0]);var im
详细信息>>最便捷的无刷新文件上传-jquery-form
发布时间：2017-02-02 19:51:07作者：雪饮
jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()， 它们集合了从控制
详细信息>>javascript使用iframe使父级页面跳转
发布时间：2017-01-18 17:33:40作者：雪饮
js 控制iframe的父级页面跳转：var host=document.domain;
var url="http://"+host+"/dede/";
parent.window.location.href=url;
javascript二维数组传递给php
发布时间：2017-01-08 14:54:51作者：雪饮
js二维数组传递给php:function checkfield(){
var shuzu=[];
for(var i=0;i<filednum;i++){
var current_name=document.getElementById("fiename"+i).value;
var current_
javascript获取下拉菜单选中项
发布时间：2017-01-06 13:12:12作者：雪饮
var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文
详细信息>>javascript回调与递归
发布时间：2017-01-01 17:08:32作者：雪饮
javascript回调函数的调用:function math(num1,num2,fun){ return fun(num1,num2); } function bb(num1,num2){ return num1+num2; }alert(math(1,2,bb)); javascript回调
详细信息>>javascript获取html元素的实际高度
发布时间：2017-01-01 15:15:08作者：雪饮
获取元素的实际高度:document.getElementById("box").clietHeight;这样可以获取再css中设置高为自动的实际高度
详细信息>>javascript事件篇-事件代理(委托)、冒泡、事件源的综合应用
发布时间：2017-01-01 15:02:23作者：雪饮
利用事件委托进行性能优化:以实现鼠标离开与悬停为例<input type="button" value="添加元素" id="add"/><ul id="xy"><li>1</li><li>2</li><li>3</li><li>4</li></ul><scri
详细信息>>javascript事件篇-鼠标滚轮事件监听
发布时间：2016-12-31 15:35:13作者：雪饮
监听鼠标滚轮事件:<script type="text/javascript"> document.addEventListener("mousewheel",function(evt){ alert(evt.wheelDelta); });</script>
详细信息>>javascript事件篇-网页关闭事件的监听
发布时间：2016-12-31 15:34:18作者：雪饮
卸载前事件(用户离开当前页面时绑定执行): <script type="text/javascript"> window.addEventListener("beforeunload",function(evt){ evt.preventDefault(); });</script
详细信息>>javascript事件篇-鼠标右键菜单的自定义
发布时间：2016-12-31 15:33:42作者：雪饮
自定义浏览器中的鼠标右键菜单:<style>ul{ position:absolute; width:200px; height:100px; background:red; display:none;}</style><textarea id="wb"></textarea><ul id
详细信息>>javascript事件篇-html标签默认行为的阻止
发布时间：2016-12-31 15:32:56作者：雪饮
阻止html标签的默认行为:<a href="http://www.baidu.com" id="a">测试</a><script type="text/javascript">var box=document.getElementById("a");box.addEventListener("
详细信息>>javascript事件篇-鼠标悬停与离开的高级使用（获取临近节点）
发布时间：2016-12-31 15:31:53作者：雪饮
获取鼠标悬停或离开某元素时的临近元素:<style>#box{ width:100px; height:100px; background:pink; }span{ width:200px; height:200px; display:block; background:red;
详细信息>>javascript事件篇-事件的动态绑定
发布时间：2016-12-31 15:30:57作者：雪饮
事件添加的使用:window对象或dom对象皆可用<style>#box{ width:100px; height:100px; background:pink; }</style><div id="box"></div><script type="text/javascript">fu
详细信息>>javascript事件篇-call函数的使用
发布时间：2016-12-31 15:30:12作者：雪饮
call的用法:call可将一个函数作为对象直接被另外一个函数直接执行.<script type="text/javascript">var x = "我是全局变量"; //定义全局变量x function a(){
详细信息>>javascript动态创建html
发布时间：2016-12-31 15:29:16作者：雪饮
javascript动态创建html$.ajax({ url:'/e/member/cp/index2.php', data:{data1:'aaa',data2:'bbb'}, type:'post
详细信息>>javascript的事件冒泡
发布时间：2016-12-25 20:49:49作者：雪饮
js有如下使用场景:对ul和li都使用了onclick的事件监听，而li被click时ul也会触发。这就是事件冒泡。事件冒泡：由最内层向最外层冒泡。对于ul和li同时执行click事件的问题可以
详细信息>>