摘要：
<divid="msg"></div><inputid='txt'value=""/> //当状态改变的时候执行的函数 function handle() { document.getElementById('msg').innerHTML='输入的文字长度为：'+document.getElementById('txt').value.length; } //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册 阅读全文
随笔分类 - Javascript
字符串直接转日期
2011-11-17 15:45 by 前端小鬼, 375 阅读, 收藏,
摘要：
var date = new Date('2011-04-07');这段代码一定可以在火狐，谷歌浏览器中生效，但是对于IE8以及更低IE版本就不支持了，会返回一个NAN.但是我们是有这个需求的，要使用它，怎么办？我们可以扩展Date原生的对象，用自定义的原型方法来嫁接到Date对象原型上。ok，所以我们可以这么做：<script> //var date = new Date('2011-04-07'); //alert(date); Date.prototype.convertDate = function(date){ //新的日期 var new 阅读全文
iframe自适应高度方案
2011-11-08 16:44 by 前端小鬼, 176 阅读, 收藏,
摘要：
<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=100"></iframe><script type="text/javascript">function reinitIframe(){var iframe = document.getElementById("frame_conten 阅读全文
火狐和IE的js兼容
2011-11-08 16:35 by 前端小鬼, 1335 阅读, 收藏,
摘要：
JAVASCRIPT IE 与 FF 中兼容笔记png透明 AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop：剪切图片以适应对象尺寸。image：默认值。增大或 阅读全文
标准且兼容的onload是这样写的。
2011-11-08 16:09 by 前端小鬼, 328 阅读, 收藏,
摘要：
编辑器加载中...function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, false); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; } else { return false; } }addEvent(window, 'load', foo);addEvent(window, &# 阅读全文
Javascript array forEach()
2011-11-08 15:55 by 前端小鬼, 787 阅读, 收藏,
摘要：
正常情况下，我们知道IE6-IE8都不支持ECMAscript262标准的forEach方法。不过足够可以利用原型来实现这个方法。思路就是让每个元素去去调用传入的函数参数。这时候就用到了call方法。这个方法还是很关键的。if (!Array.prototype.forEach){ Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "function") throw new TypeError(); var thisp = ... 阅读全文
经常用的Jquery图片轮转
2011-11-08 10:36 by 前端小鬼, 644 阅读, 收藏,
摘要：
1。HTML结构<div class="main_view"> <div class="window"> <div class="image_reel"> <a href="#"><img src="images/_temp/local/local_js_1.jpg" alt="" width="740" height="350"/></a> <a href= 阅读全文
JavaScript js 兼容浏览器问题 兼容Fire
2011-11-03 16:04 by 前端小鬼, 362 阅读, 收藏,
摘要：
做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们，不然有些浏览器就无法运行我们的代码。就会造来客户的投诉，如果让BoSS知道了，这可不太好哦。下面是兼容IE和FF的js脚本做法和分解（部分选自网上）： .以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox //window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(e... 阅读全文
js面试题
2011-10-27 14:41 by 前端小鬼, 420 阅读, 收藏,
摘要：
var a = 10;sayHi();function sayHi() {var a = 20;alert(a);}alert(a);20 10var a = 10;sayHi();function sayHi() {a = 20;alert(a);}alert(a);20 20var a = 10;sayHi();function sayHi(){a = a + 10;alert(a);return a;}alert(a);alert(sayHi()+10);20 20 30 40var a = 10;sayHi();function sayHi(){var a = a + 10;alert 阅读全文
Enter键模拟Tab键
2011-10-26 21:32 by 前端小鬼, 732 阅读, 收藏,
摘要：
var isIe = (document.all) ? true : false; function init(){ document.onkeydown = function(evt){ catchKeyDown(evt); } } function catchKeyDown(evt){ evt = (evt) ? evt : ((window.event) ? window.event : ""); var key = isIe ?... 阅读全文
小谈好的设计
2011-10-26 11:16 by 前端小鬼, 228 阅读, 收藏,
摘要：
这是为公司做的分类菜单组件，自己又是无意识地在模仿苹果的色彩和风格，对于一个电子商务的网站平台来说，我感觉自己在色彩搭配和美观还有差距。看一下etao的这个组件吧。为什么人家的这么好看，体验有好？哎~~。1.色彩差异化，etao的蓝色色调有层次感，最蓝的是分类菜单，这个在页面上最能让用户看到，然后鼠标悬浮上面就会出现下面的淡淡的蓝色。我承认这种淡蓝和线框有了区别，很好。并且里面的文字部分，轻重有度，分类鲜明，再加上菜单项激活时的白色背景及其右边相应的详细分类背景，合成一体，非常直接，好！再有星星点点的红色分类，清晰明白，简简单单。2.定位好，不过，左边哪一个分类，右边都会与上面对齐，使得用的眼 阅读全文
让光标在input中文字的后面吧。
2011-10-25 21:23 by 前端小鬼, 526 阅读, 收藏,
摘要：
<input type="text" value="google" id="input1"> <script> function setPointer() { var input1 = document.getElementById("input1"); if(input1.createTextRange){ var range = input1.createTextRange(); range.collapse(f... 阅读全文
一位印度小伙跟我说的js模式，其实，我懂！切。
2011-10-19 22:18 by 前端小鬼, 259 阅读, 收藏,
摘要：
(function(){ var mySpace=function(){ return new PrivateSpace(); } var PrivateSpace=function(){ }; PrivateSpace.prototype={ init:function(){ console.log('init this:', this); return this; }, ajax:function(){ console.log('m... 阅读全文
模拟动画的案例
2011-10-19 22:12 by 前端小鬼, 508 阅读, 收藏,
摘要：
1 <script type="text/javascript"> 2 /** 3 * @constructor Animate 4 * @param {HTMLElement} el the element we want to animate 5 * @param {String} prop the CSS property we will be animating 6 * @param {Object} opts a configuration object 7 * object properties include 8 * from {Int} 9 .. 阅读全文
arguments.callee的认识
2011-10-09 10:51 by 前端小鬼, 159 阅读, 收藏,
摘要：
1.arguments是一个类数组对象，主要用途在于保存函数参数。2.arguments对象还有一个属性叫callee,该属性是一个指针，指向拥有这个arguments对象的函数。 阅读全文
弹出一个窗体
2011-09-27 16:26 by 前端小鬼, 206 阅读, 收藏,
摘要：
function OpenNewWin(url,id,width,height,openStat){ var myExploer = navigator.appName; if(myExploer == "Microsoft Internet Explorer"){ showModalDialog(url,window,"dialogWidth:"+ width +"px;dialogHeight:"+ height +"px;help:no;scroll:no;status:yes;resizable:no"); 阅读全文
我发现同事老在用png.js，感觉也不错。
2011-09-06 10:27 by 前端小鬼, 866 阅读, 收藏,
摘要：
<script> DD_belatedPNG.fix('.sliderPlay .triggers,.brand_goods ul li a .n_p p,.prev,.next,.pagination li a');</script><script> DD_belatedPNG.fix('.sliderPlay .triggers,.brand_goods ul li a .n_p p,.prev,.next,.pagination li a');</script> 阅读全文
仿苹果的东东，（小而精致的设计开发）
2011-08-27 18:04 by 前端小鬼, 230 阅读, 收藏,
摘要：
采用Jquery几行代码就解决问题：$(document).ready(function(){ //小组件，生活助手 $('.sh').click(function(event) { var shzsBlock = $(this).next().next(); if(shzsBlock.css('display') == 'none'){ shzsBlock.slideDown(); } else { shzsBlock.slideUp(); } }); $('.shzs').mouseleave(function(){ $(th 阅读全文
URL参数解析问题
2011-08-15 11:28 by 前端小鬼, 552 阅读, 收藏,
摘要：
请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：var url = ”http://www.taobao.com/index.php?key0=0&key1=1& key2=2…..”var obj = parseQueryString(url);传入参数的方法： <script type="text/javascript"> var getQuery = function(query) { var oQuery = {}; var iBegin = query.indexOf(&q 阅读全文
浙公网安备 33010602011771号