JS:$(function())作用

最新推荐文章于 2025-06-05 16:12:57 发布

别把BUG不当代码

最新推荐文章于 2025-06-05 16:12:57 发布

阅读量1.3w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/qq_41623154/article/details/89709714

JS 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在JavaScript中使用$(function())确保DOM完全加载后再执行函数的重要性，通过实例展示了如何利用此方法实现五分钟无操作自动返回首页的功能，强调了DOM加载状态对事件监听的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function())等同于$(document).ready(function()),

意思很简单，就是等页面加载完毕之后，才开始执行函数，

在没有使用$(function())之前，我的$("body").click()的操作不起作用，先执行函数了，此时DOM并没有加载完成，所以不起效果。在将js函数放入$(function())后，就可正常运行。

$(function(){//五分钟无操作，返回系统首页,timeToreturn.js
	function timeToReturn(){
		window.location.href = "http://localhost:8080/zhongCourt/";
	}
	var nowtime = Date.parse(new Date());
	var timeend = Date.parse(new Date());

	$("body").click(function(){
		nowtime = Date.parse(new Date());
		console.log("nowtime" + nowtime);	
	});

	function check(){
		timeend = Date.parse(new Date());
		console.log("check");
		if((timeend - nowtime) > 300000){
			timeToReturn();
		}
		setTimeout(check,10000);
	}
	setTimeout(check,10000);
	
})