演示：http://lee-le.com/demo/script_load/var element = document.getElementById('output');var text = ['I',' ','a','m',' ','c','o','n','t','r','o','l','l','e','d',' ','b','y',' ','i','n','v','i','s','i','b','l','e',' ','j','a','v','a','s','c','r','i','p','t'];count = 0;setInterval(function() { if (cou
什么是响应式JavaScript？一般来说，我们在响应式CSS中会做的一件事情就是对于不同尺寸的屏幕对显示不同的CSS样式。但是如果我们要对不同尺寸的屏幕运行不同的JavaScript代码，这就是响应式JavaScript。响应式JavaScript指的是针对浏览器状态做出不同反应的JavaScript代码。响应式JavaScript API之一 – onresizevar resizeMethod = function(){ if (document.body.clientWidth < 768) { console.log('mobile'); }};//绑
在谈原型链之前，我们首先要了解自定义函数与 Function 之间是什么关系，而构造函数、原型和实例之间又存在什么千丝万缕的关系呢？其实，所有的函数都是 Function 的实例。在构造函数上都有一个原型属性 prototype，该属性也是一个对象；那么在原型对象上有一个 constructor 属性，该属性指向的就是构造函数；而实例对象上有一个 _proto_ 属性，该属性也指向原型对象，并且该属性不是标准属性，不可以用在编程中，该属性用于浏览器内部使用。 // _proto_ 在函数里有一个属性prototype 由该函数创建的对象默认会连接到该属性上 //prototype 与 _pr
本来项目打算使用artDialog组件的，但用到中途发现一些功能的支持需要其他组件弥补。所以现在统一换成了layer。记录下artDialog的使用。主要是不支持超时自动消失的功能。var elem = document.getElementById('div');var d = dialog({id: 'schooldlg',//height:450,lock: true,width: 550,fixed: true,title: '选择',content: elem,padding: 10,//ok: function () { },});d.showModal();dialog.getC
在调用函数时，经常会存在一种情况，就是函数中需要对浏览器功能进行判断。例如 function createSomething(){ if(supportH5){ //do something }else{ //do otherthing }} 但是，如果一个浏览器支持一个功能，那么必然是一直都支持，所以这里面每次执行代码时都去判断是不必要的，因为判断一次就够了。所以可以改写成 function createSomething(){ if(supportH5){ createSomething = functi
函数节流是一种提高性能很好的方式，在某些场合可以提高几倍效率。比如在做拖动或者是一些发生在onresize事件中的操作时。你每操作一下，其实执行了很多遍了。例如：var i = 0;window.onresize = function(){ console.log(i++);} 尝试着去拉伸浏览器，就会发现控制台瞬间显示i都超过100多了。改变一下写法，例如： var i = 0, j = 1;window.onresize = function(){ if(j % 2 == 0){ console.log(i++); } j++;} 创建一个变量
postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。HTML5 postMessage 方法postMessage 可以实现跨域文档的消息传输（Cross Document Messaging）。向外界窗口发送消息：otherWindow.postMessage(message, targetOrigin);otherWindow: 指目标窗口，是 window.frame
一个轻量级的cookie 插件，可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script><script type="text/javascript" src="js/jquery.cookie.js"></script>使用方法1.新添加一个会话 cookie：$.cookie('the_cookie',
sta_collection一个折叠面板组件，可以实现鼠标移入后显示隐藏内容效果！<html><head><meta charset="utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <title>唤醒中国_凤凰网凤凰周刊联合出品</title> <link rel="stylesheet" href="http://res.img.
系统时间函数var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)myDate