js如何判断页面已经滚动到底部!DOCTYPE htmlhtmlhead meta charset=UTF-8 titlejs判断已经滚动到页面底部/title/headbody style=margin:0;padding:0 div id=dvBT style=position:fixed;bottom:0;right:0;background:#fff/div div id=part1 style=height:2000px;overflow: auto;background: lightblue; /div div id=part2 ..
没有使用滤镜来修正ie下png透明的效果，这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后，灰色边框不见了，效果一比较就知道stylebody{background:#000000;margin:..
javascript新历农历联动示例lunar.js这个js文件查看这篇文章：JavaScript阳历转阴历源代码，将里面的js代码保存为lunar.js文件，或者点击这里下载 javascript新历农历联动示例源代码script function toCNNumber(v) { var r = '', cn = 'O一二三四五六七八九十'; v = v.toString(); for (var i =..
javascript判断浏览器是否关闭，本示例仅对IE8-浏览器有效，其他浏览器在关闭时无法获取到点击事件的clientX，clientY的坐标值。测试代码如下script window.onbeforeunload = function (e) { e = e || window.event; var y = e.clientY; if (y = 0//点击浏览器或者选项卡的关闭按钮 || y = Math.max(documen..
JavaScript将表单对象中输入控件组合成键值对字符串，方便ajax提交数据。和jQuery表单的serialize方法一样 function serializeForm(f) {//参数f为表单这个DOM对象 var params = '', tmp; for (var i = 0; i f.elements.length; i++) { if (f.elements[i].name) { ..
居于jquery框架的网站多级下拉菜单插件，融合了jquery.color.js，jquery.lavalamp.js，jquery.easing.js 这3个插件，效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..
js的继承prototype，得先说下new的过程。 看看这样一段代码：script type=text/javascriptvar Person = function () { };var p = new Person();/script 很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步：1 var p={}; 也就是说，初始化一个对象p。2 p.__proto__=Person.prototype;3 Person.call(..
从一个简单的问题谈起，下面的javascript代码输出什么：alert(i); var i = 1; 输出结果是undefined, 这种现象被称成预解析：JavaScript引擎会优先解析var变量和function定义。在预解析完成后，才会执行代码。如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件）.运行顺序是：step1. 读入第一个代码段..
闭包和作用域链是JavaScript中比较重要的概念， 首先，看看几段简单的代码。 var name = stephenchan; var age = 23; function myFunc() { alert(name); var name = endlesscode; alert(name); alert(age); alert(weight); } myFunc(); myFunc(); 上述代码1中，两次调用myFunc()的输出是一致的。可能你会..
Jan WolterNote: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web designers really need to still watch out for is IE8, wh..
flipsnap.js是一款模拟手机浏览器滑动效果的类库，支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1，导入flipsnap.js类库（flipsnap.js不依赖其他js类库）script src=flipsnap.js/script2，编写html代码html代码示例如下，外层html样式为.viewport，内层元素样式为.flipsnap。div class=viewport div class=flipsna..
javascript实现的五子棋盘，可以自定义棋盘大小，效果如下 注意：判断输赢的算法没有写，要用自己扩展。IE8-不支持border-radius样式，所以无法显示圆形的，需要用圆形背景图片模拟，这个没做兼容，所以会显示为正方形的旗子。 JavaScript五子棋盘源代码如下!doctype htmltitleJavaScript五子棋盘/titlestyle .board{position:rela..
如何实现input输入框输入内容后，再输入框最右边出现一个号，点击叉号删除当前input输入框的内容，效果如下 input输入内容后使用号一键删除源代码如下，已经做成jQuery插件形式!doctype htmlstyle div.clearText{display:inline-block;position:relative} div.clearText input{border:solid 1px #666;height:20px;line-height:20px..
JavaScript一元运算符对空字符计算时为什么得到0，代码如下scriptalert(+'')//0alert(+[])//0/script 这是因为对空字符使用一元运算符+/-时，空字符会被强制转为0或者将字符串传入Number构造函数中，而Number('')返回0。scriptalert(Number(''))//0/script +[]为什么也是0，是应为+和对象运算，会调用对象的t..
jQuery.tablesorter 2.0中文排序解决办法，jQuery.tablesorter 2.0中文排序使用的sortText方法，使用js操作符号进行对比，操作符号对中文无效，导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置，改写内部的文字排序，可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..
没有使用滤镜来修正ie下png透明的效果，这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后，灰色边框不见了，效果一比较就知道stylebody{background:#000000;margin:..
1. Null是个对象 JavaScript众多类型中有个Null类型，它有个唯一的值null, 即它的字面量，定义为完全没有任何意义的值。其表现得像个对象，如下检测代码：script alert(typeof null); //弹出 'object'/script如下截图： 尽管typeof值显示是object，但null并不认为是一个对象实例。要知道，JavaScript中的值都是对象实例，每个数..
JavaScript阳历转阴历源代码，JavaScript阴历转阳历源代码，从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..
javascript如何识别webkit核心浏览器是哪种厂商的浏览器，如chrome，360急速，360安全，猎豹，世界之窗，搜狗，qq，百度之类的浏览器，核心都是webkit的，如何区分出不同的厂商。 一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现，但是webkit核心浏览器有些时候navigator.userAgent是完全一样的，不会增加特殊内容（如..
JavaScript中有 6 个值为假，这六个值是falsenullundefined0'' (空字符串)NaN 虽然这六个值都为假，它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..
闭包和作用域链是JavaScript中比较重要的概念， 首先，看看几段简单的代码。 var name = stephenchan; var age = 23; function myFunc() { alert(name); var name = endlesscode; alert(name); alert(age); alert(weight); } myFunc(); myFunc(); 上述代码1中，两次调用myFunc()的输出是一致的。可能你会..
flipsnap.js是一款模拟手机浏览器滑动效果的类库，支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1，导入flipsnap.js类库（flipsnap.js不依赖其他js类库）script src=flipsnap.js/script2，编写html代码html代码示例如下，外层html样式为.viewport，内层元素样式为.flipsnap。div class=viewport div class=flipsna..
prop是jquery1.6新增的方法，其与attr的用法极为相似。由于不理解他们的根本区别，难免产生离奇的BUG。 通过分析attr和prop的源码，得知： attr 方法里面，最关键的两行代码，elem.setAttribute( name, value + )和ret = elem.getAttribute( name )，很明显的看出来，使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..