<!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的document.ready功能js代码
$(document).ready(function() { var yearFrom=new Date().getYear()-60+1900; var yearTo=new Date().getYear()-18+1900; $('#dateinput').datepicker({ dateFormat: 'yy-mm-dd', buttonImage: 'calendar...
jquery.table2excel.js,一款挺好用的javascript导出插件,需要jquery-1.7.1.min.js的支持。使用方法: <script type="text/javascript"> $(document).ready(function() { //导出excel $("#output").click...
jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。比如在”jQuery基础 – 如何开始”一文里,我用到如下jQuery代码: 代码如下:<!– $(document).ready(function () { ...
jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法:$(“div p”); // (1)$(“div.container”); // ...
$(document).ready(function() { $('#goods').cycle({ timeout: 2000, speed: 200, pause: true }); });
Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能,使用方法很简单 $(document).ready(function() { $('#goods').cycle(); }); 博文地址:...
使用 jquery 的 timeago 将系统时间更换成几...jQuery(document).ready(function() { jQuery("abbr.timeago").timeago(); }); <body>shijian: <abbr class="timeago" title="2013-4-1 15:51:50"></abbr> </body>
ready 方法是 jQuery 实现的在 html 页面在 DOM(Document Object Model, 文档对象模型) 树完全加载完成后触发的一个方法. 因为它接收的方法在页面中所有的 DOM 都可访问时才执行, 所以此时你完全可以访问和操作 ...
用法初始化插件并将代码放在 jQuery document.ready 回调中,如下所示: $ ( function ( ) { $ . environment ( { development : { flag : true , explicit : false , uri : 'dev.mysite.com' , links : { 'a.home-...
$(document).ready(function () { $.goup({ trigger: 100, bottomOffset: 20, //距底部偏移量 locationOffset: 30, //距右部偏移量 title: '返回顶部', titleAsText: true //是否显示title }); });
一个Partial View,而这个View包含了一小段绑定Search的Javascript,并且用Jquery-ui 的dialog 包含,而且确定不是ASP.net mvc生成HTML的问题,HTML是依照我的想法生成的,后来实在没有办法,把dialog的代码去掉,...
$(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:http://docs.jquery.com/UI/Draggables/draggable#options 选项实例:...
selectseach jquery js 可查询的 select 插件 <script type="text/javascript" src=...$(document).ready(function(){ $('#sssss').selectseach(); });
}这样的写法作用是希望在页面加载完,自动执行定义js代码(function)。 $(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法<body onload=”load()”> ...
jQuery.SideChase.js一个实现跟随屏幕滚动的导航的 jQuery 插件演示依赖库jQuery(版本无关紧要)如何使用使用示例 [removed][removed][removed][removed][removed] $(document).ready(function() { $('#Side')....
Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document)....
jQuery多级无限级导航下拉菜单代码, jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。 js代码 [removed] $(document).ready(function() { $("ul.nav li").hover...
项目站点: : 演示: : 用法基本的首先,在 HTML 中包含jquery.loader.js (1.526 kb) 、 jquery.loader.min.css (1.135 kb)和loader.gif (3.866 kb)然后开始使用 jQuery.loader。 $ ( document ) . ready ( ...