西瓜真相

摘要：onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下，有别于onchange事件，onchange是在键盘改变值并失去焦点(onblur)之后才会触发一下。在监测用户输入多少字时会用到这事件。onpropertychange有兼容性问题，在Firefox下要用oninput事件。 阅读全文

摘要：首先了解什么是JS事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止事件冒泡？先看下倒子，思考下点击“hr_three”弹出信息顺序。<div id="divOne" onclick="alert('我是最外层');" 阅读全文

摘要：为<script>标签添加defer属性（只适用于Internet Explorer 和Firefox 3.5 以上版本） <script type="text/javascript" src="file1.js" defer></script>动态创建<script>元素，用它下载并执行代码 1 function loadScript (url, callback){ 2 var script = document.createElement ("script") 3 script.t 阅读全文

摘要：display:inline-block的列表布局,inline-block属性的元素适用于inline box模型，所以，当其中的列表元素高度不一时，是不会有错位的。.box{width:50%; padding:20px; margin:20px auto; background-color:#f0f3f9; text-align:justify;}.list{width:120px; display:inline-block;letter-spacing:-4px; padding-bottom:20px; text-align:center; vertical-align:top;} 阅读全文

摘要：display:table-cell的垂直居中display:table-cell 两列自适应布局display:table-cell 多列等高布局display:table-cell 列表布局 阅读全文

摘要：代码如下：var a = function(t) { return t; } (1 + 2).toString(); alert(a); 结果是多少？ 其实主要问题出在第一行后面没有分号，所以其实是var a = function(t) { return t; }(1 + 2).toString(); 先建立变量a,然后执行赋值语句，匿名函数传入参数1+2执行，返回结果.toString()，赋值给a。 关于这种function() {}()的写法，具体可参看js的命名空间。 阅读全文

摘要：以下两种情况结果是什么，为什么？①1 function a(){return 1;};2 var a=10;3 alert(a);②1 function a(){return 1;}2 var a;3 alert(a); 阅读全文