javascript学习笔记
关注
分享
扫一扫
文章平均质量分 62
chen106106
这个作者很懒，什么都没留下…
展开
-
制作简单的悬浮效果
悬浮窗口示例 window.onscroll = function () { var div = document.getElementById("divSuspended"); div.style.top = document.body.scrollTop; } window.onresize = window.onscroll; functi...原创 2011-10-20 20:26:52 · 222 阅读 · 0 评论 -
javascript 实现购物车
购物车实现3种方式1、利用cookie优点：不占用服务器资源，可以永远保存，不用考虑失效的问题缺点： 对购买商品的数量是有限制的，存放数据的大小 不可以超过2k，用户如果禁用cookie那么就木有办法购买商品，卓越网实现了用户当用户禁用cookie，也可以购买。2、利用 session优点：用户禁用cookie，也可以购物缺点：占用服务器资源，要考虑ses...2013-06-19 18:21:46 · 722 阅读 · 0 评论 -
获取Flickr最新上传的图片
Show Most Recent Flickr Uploads下面的代码显示的是最近某个账号上传的图片。你可以更改某个用户的ID， "35591378@N03"这个ID可以通过下面的网址（[url]http://idgettr.com/[/url]）来生成一个唯一用户ID。下面是具体代码：[code="javascript"] test JQuery g...原创 2012-07-02 14:20:33 · 259 阅读 · 0 评论 -
javascript面向对象实现继承
第一种方式：对象冒充的方式，通过修改当前的this指针冒充父类的this//继承第一种方式：对象冒充function Parent(username){ this.username = username; this.sayHello = function() { alert(this.username); }}function Chil...原创 2012-06-16 20:21:55 · 85 阅读 · 0 评论 -
javascript操作cookie
function getCookie(c_name){if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1 c_end=...原创 2012-06-11 10:50:55 · 80 阅读 · 0 评论 -
javascript检测浏览器类型
开始通过navigator对象的appName,appVsersion，来判断的var browser=navigator.appNamevar b_version=navigator.appVersionvar version=parseFloat(b_version)在chrome下面也显示的Netscape，判断不出来，如是网上找了其他的方式。var ...原创 2012-06-09 22:41:32 · 109 阅读 · 0 评论 -
javascript限制input输入的字节数
由于中文是占用2个字符，而英文是1个字符，如果我们不分区英文和中文，只要是8个字符那通过input的maxlength属性就可以完成任务。现有的需求是需要限制用户输入的input中的字符数目，4个中文字符，8个英文字符。则需要通过javascript来判断，用户输入的是英文还是中文，最后截取8个字节。下面是具体的代码：function WidthCheck(str, maxLen){ ...原创 2012-06-09 17:53:21 · 818 阅读 · 0 评论 -
javascript 闭包
原创 2012-06-05 23:52:45 · 87 阅读 · 0 评论 -
javascript 监听 窗口关闭和页面刷新事件
/** window.onbeforeunload=function (){ alert("===onbeforeunload==="); //if(event.clientX>document.body.clientWidth&&event.clientY原创 2012-06-05 22:53:13 · 444 阅读 · 0 评论 -
javascript对象转字符串
function objectToString(o){ var parse = function(_o){ var a = [], t; for(var p in _o){ if(_o.hasOwnProperty(p)){ ...原创 2012-06-04 22:30:00 · 132 阅读 · 0 评论 -
javascript 解析浏览器参数信息
New Document javascript 解析浏览器路径参数 原来的url：'http://abc.com:8080/dir/index.html?id=255&m=hello#top' 解析后 file: host: search: params:...原创 2012-06-04 22:28:31 · 233 阅读 · 0 评论 -
javascript 实现对图片不失真的缩放
最新javascript自动按比例显示图片，按比例压缩图片显示 function AutoResizeImage(maxWidth,maxHeight,objImg){ var img = new Image(); img.src = objImg.src; var hRatio; var wRatio; var Ratio = 1; va...原创 2012-06-03 22:04:19 · 4623 阅读 · 0 评论 -
javascript 实现图片轮流播放效果
图片轮播器window.onload=function () { var ul=getByClass('buttons')[0]; var btns=ul.getElementsByTagName('li'); var scrollContent=getByClass('scrollContent')[0]; for (var i=0;i原创 2011-10-21 17:38:21 · 654 阅读 · 0 评论 -
javascript 实现简单的弹窗
弹出菜单 window.onload = function () { var menu = document.getElementById("menu"); var links = menu.getElementsByTagName("LI"); var linksArr = new Array(); for (var i=0;...原创 2011-10-21 16:54:21 · 237 阅读 · 0 评论 -
javascript实现常用的表单前台数据的校验
//一个工具的类，用来校验表单中一些常用的表单元素 var errMsg = { /* requied:{ //校验必填字段 msg: "this filed is required!", test: function(obj,load){ return obj.value.length>0||load||object.value=...原创 2011-10-20 20:48:38 · 269 阅读 · 0 评论 -
javascript实现简单的拖拽
简易拖放效果var isIE = (document.all) ? true : false;var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id;};var Class = { create: fun...原创 2011-10-20 20:40:34 · 108 阅读 · 0 评论 -
javascript 关闭当前窗口
关闭当前浏览器窗口对象，兼容ie，chrome，不兼容firefox，firefox需要在浏览器中进行设置，function closeWindow(){ window.opener=null; window.open('','_self'); window.close();}...原创 2013-01-08 17:18:11 · 145 阅读 · 0 评论