用javascript实现jquery的document.ready功能的实现代码

更新时间：2009年11月26日 01:25:05 作者：

实现jQuery的document.ready功能js代码

实现jQuery的document.ready功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.ready</title> <script type="text/javascript"> (function () { var ie = !!(window.attachEvent && !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525); var fn = []; var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); }; var d = document; d.ready = function (f) { if (!ie && !wk && d.addEventListener) return d.addEventListener('DOMContentLoaded', f, false); if (fn.push(f) > 1) return; if (ie) (function () { try { d.documentElement.doScroll('left'); run(); } catch (err) { setTimeout(arguments.callee, 0); } })(); else if (wk) var t = setInterval(function () { if (/^(loaded|complete)$/.test(d.readyState)) clearInterval(t), run(); }, 0); }; })(); document.ready(function(){ document.getElementById('test').innerHTML = 'document.ready test!'; //找到 }); alert(document.getElementById('test')); //null 没找到 </script> </head> <body> <div id="test"></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

微信小程序App生命周期详解
这篇文章主要为大家详细介绍了微信小程序App生命周期的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-01-01
利用JavaScript实现新闻滚动效果(实例代码)
这篇文章主要是对利用JavaScript实现新闻滚动效果的两种方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
微信小程序Vant组件库的安装与使用教程
之前推荐过的移动端web组件库 Vant是Vue.js版本的,其对内承载了有赞所有核心业务,对外有十多万开发者在使用,一直是业界主流的移动端组件库之一,下面这篇文章主要给大家介绍了关于微信小程序Vant组件库的安装与使用的相关资料,需要的朋友可以参考下
2022-09-09
详解js中常规日期格式处理、月历渲染和倒计时函数
大家在日常开发的时候经常要用到日期格式的处理，下面这篇文章主要给大家介绍了js中常规日期格式处理、月历渲染及倒计时函数,有需要的朋友可以参考借鉴，下面来一起看看吧。
2016-12-12
jQuery设置和获取select、checkbox、radio的选中值方法
select、checkbox、radio是很常用的表单控件，这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。
2017-01-01
浅析JavaScript中的隐式类型转换
在我们学习或者工作中，或多或少会遇到过隐式类型转换，但是为什么会有这种现象？这种现象背后的原理是什么？可能是大多数人没有思考过的，本文就来和大家一起浅析一下
2023-03-03
p5.js实现简单货车运动动画
这篇文章主要为大家详细介绍了p5.js实现简单货车运动动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
这篇文章主要介绍了微信小程序MUI侧滑导航菜单,结合实例形式分析了微信小程序Popup弹出式,左侧滑动,右侧不动菜单功能相关实现技巧与注意事项,需要的朋友可以参考下
2019-01-01
JavaScript中Set基本使用方法实例
因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事,下面这篇文章主要给大家介绍了关于JavaScript中Set基本使用方法的相关资料,需要的朋友可以参考下
2022-11-11
微信用户访问小程序的登录过程详解
这篇文章主要介绍了微信用户访问小程序的登录过程详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09