<!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>
分享到:
相关推荐
本文将详细介绍一款名为`jquery.liMarquee.js`的插件,它是一款功能强大、风格多样的jQuery滚动特效代码,能够帮助开发者轻松实现各种滚动效果。 一、插件介绍 `jquery.liMarquee.js`是一款基于jQuery的滚动插件,...
主要文件`jquery.countdown.js`是实现倒计时功能的核心代码,开发者可以通过阅读源码理解其工作原理。 3. `img`目录:可能包含了一些与示例页面相关的图片资源,用于美化倒计时的视觉效果。 4. `css`目录:包含了CSS...
### 使用JavaScript实现jQuery的`document.ready`功能 在前端开发中,经常需要用到DOM操作,而这些操作往往需要等到整个文档加载完成之后才能进行。在jQuery中,提供了非常方便的`$(document).ready()`方法来帮助...
总结,jquery.goup.js作为一款实用的jQuery插件,以其简洁的代码、灵活的配置和良好的性能,为开发者提供了便捷的“返回顶部”功能实现。在实际开发中,结合其他jQuery插件和现代前端框架,可以构建出更加丰富和动态...
`jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...
而jQuery是一个高效、简洁且易用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得开发者能够更高效地编写代码。 在描述中提到的`jquery.qrcode.js`,就是将jQuery与二维码生成功能结合的插件。这...
在Web开发中,滚动效果常常用于吸引用户的注意力,jQuery.marquee.js就是一款专为实现这种滚动效果而设计的JavaScript插件。该插件基于广泛使用的jQuery库,使得创建无缝、自定义的滚动效果变得简单易行。本文将对...
`jquery.page.js`是一个轻量级的JavaScript库,它扩展了jQuery的功能,使得网页的页面滚动变得流畅自然,同时提供了自定义事件和回调函数,方便开发者对滚动行为进行控制。与之配套的`jquery.page.css`是样式文件,...
下面我们将深入探讨 `jQuery.nestable.js` 的核心功能、使用方法以及如何实现简单的示例。 ### 1. 核心功能 - **可拖动排序**:`nestable.js` 提供了拖放功能,允许用户通过鼠标拖拽来调整元素的顺序,这在树形...
jQuery.scrollTo.js是基于流行的JavaScript库jQuery开发的一款插件,它的主要功能是允许网页内容按照预设的方式进行平滑滚动。这款插件支持多种滚动方式,包括但不限于单向滚动、多方向滚动以及根据元素定位的滚动,...
1. 简单易用:jQuery.paginate.js的核心优势在于其简洁的API接口,开发者只需几行代码就能实现分页功能。通过调用特定的jQuery方法,可以快速将分页组件添加到页面上。 2. 自定义样式:该插件允许开发者自定义分页...
- **延迟加载**:使用`.ready()`或`$(document).ready()`确保DOM加载完成后执行脚本,避免阻塞页面渲染。 - **选择器优化**:合理使用CSS选择器,避免过于复杂的选择表达式,以提高性能。 - **事件委托**:利用`....
在实际应用中,我们可以结合其他jQuery插件或自定义的JavaScript代码,进一步扩展和优化功能,例如在拖放排序后实时更新服务器端的数据,或者结合AJAX实现无刷新的列表排序。 总结来说,jQuery Dragsort插件是提升...
此外,`$(document).ready()`用于在文档加载完成后执行代码,确保DOM已经完全构建完毕。 2. **事件处理**:jQuery的事件绑定功能非常强大,通过`.on()`方法可以轻松实现。例如,`$("button").on("click", function...
2. **$(document).ready()**:页面加载完成后执行的函数,确保DOM完全加载后才运行jQuery代码。 3. **插件开发**:jQuery易于扩展,可以通过`.extend()`方法创建插件,增强其功能。 4. **链式调用**:jQuery对象...
jQuery.corner.js 是一个专门用于实现这一目标的JavaScript插件,它让开发者能够轻松地为HTML中的DIV元素添加圆角效果,无需复杂的CSS3或者其他复杂的JavaScript代码。 jQuery.corner.js 的核心功能在于其简洁易用...
总结,jQuery.downCount.js是一款轻量级且易于使用的倒计时插件,只需少量代码就能快速实现倒计时功能。通过灵活的参数配置和自定义样式,可以适应各种网页设计风格。在实际开发中,可以结合其他jQuery插件和前端...
`jquery.metadata.js`通过解析元素的class属性来获取这些信息,使得我们可以将配置信息内联地嵌入到HTML中,从而避免了硬编码在JavaScript代码中,提高了代码的可维护性。 例如,你可以在一个表单输入元素上定义元...
标题中的"jquery-1.1.3.1.js"和"jquery.linscroll.js"都是JavaScript库文件,它们是Web开发中广泛使用的jQuery框架的一部分。jQuery是一个轻量级、功能丰富的JavaScript库,它极大地简化了JavaScript编程,尤其是...
例如,使用`$(document).ready()`确保在页面完全加载后执行初始化代码,使用`.click()`绑定点击事件,以及使用`.data()`来存储和检索附加数据。 总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两...