好咖啡要和朋友一起品尝,好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
原生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事件的问题可以
详细信息>>javascript正则匹配相对路径
发布时间:2016-12-18 16:00:50作者:雪饮
匹配域名的相对路径<script>var host=document.domain;var url=window.location;url=url.toString(); var re=/com(.+)/; url=url.match(re);alert(url[1]); ‌</s
详细信息>>匿名函数自定义alert方法
发布时间:2016-12-18 15:56:57作者:雪饮
在表单验证中一般为了用户体验,就需要在每个input元素失焦时给用户以弹窗提示,但默认的alert弹窗时用户若点击了弹窗就会再次触发input元素的失焦,这样一来就会造成了死循环。
详细信息>>javascript-cookie实战应用-你可能感兴趣
发布时间:2016-12-04 14:24:34作者:雪饮
这次二次开发的是欣媒家政,涉及到了ajax无刷新排序,无刷新滚动加载,百度定位以及"你可能感兴趣"等功能的开发 实现原理:对每个详情页的的访问次数进行统计并按次数从大到小
详细信息>>