使用JS实现JQuery的document.ready功能
2013-09-02 14:48
736 查看
一、说明
我们往往要通过js对页面做一些默认设置,如果使用jquery框架,使用其ready方法很容易,以下是使用纯js模拟的一个ready方法。此程序为其他博主的作品,我只是在实现基础上做了一点点修改而已,原出处http://qinglangee.iteye.com/blog/761303
二、程序代码
(function() { var ie = !!(window.attachEvent && !window.opera); //alert(navigator.userAgent); document.ready = function(rbFun) { //如果支持document.addEventListener方法 //chrome/IE9/Firefox/safari if (document.addEventListener) { document.addEventListener('DOMContentLoaded', rbFun, false); return; //如果支持d.documentElement.doScroll //IE8及其以下版本 } else if (document.documentElement.doScroll) { (function() { try { document.documentElement.doScroll('left'); rbFun(); } catch (err) { setTimeout(arguments.callee, 0); } })(); //如果支持setInterval && clearInterval } else if (setInterval && clearInterval) { var t = setInterval(function() { if (/^(loaded|complete)$/.test(document.readyState)) { clearInterval(t); rbFun(); } }, 0); } else { //不支持的浏览器版本 } }; })(); document.ready(function() { alert("ready"); }); document.ready(function() { alert("ready1"); });
相关文章推荐
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用jquery.cookie.js插件实现记住密码功能
- 使用jquery.jqprint.js 实现的打印功能,IE9不能进行打印预览、火狐打印空白界面
- jQuery实现换肤功能(使用cookie.js插件)
- 用javascript实现jquery的document.ready功能的实现代码
- 用javascript实现jquery的document.ready功能的实现代码
- 使用jquery.qrcode.min.js实现前台二维码生成(带Logo)
- jquery使用jquerydoubleselectmin.js实现二级菜单联动
- js 记住 用户名和密码实现也是看的一篇文章。纯js当然我们可以混着jquery使用
- jQuery基础 (四)——使用jquery-cookie 实现点赞功能
- Ajax使用jQuery和PHP实现功能开关效果
- 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
- js---jQuery---$(fn)/ $(document).ready()函数
- 使用jQuery实现实时模糊查询功能
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别