jQuery实现页面载入完成后执行操作

最新推荐文章于 2024-07-30 11:51:58 发布

中国GZ

最新推荐文章于 2024-07-30 11:51:58 发布

阅读量1k

点赞数

文章标签： jquery javascript

本文链接：https://blog.csdn.net/Gong_Zheng6/article/details/107446156

版权

该博客介绍了在jQuery中如何在页面完全加载后执行操作，特别是在a标签加载完毕后进行处理的问题。通过使用$(document).ready()或简写形式$(() => {})，可以确保在DOM准备就绪时执行所需的功能，避免了由于元素未加载导致的操作失败。

摘要由CSDN通过智能技术生成

情景：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<script>
			$("#a").attr("href","http://www.baidu.com");
		</script>
		<a id="a">baidu</a>
	</body>
</html>

我们想给a标签添加网址，但此时无法实现，因为页面是从上往下加载的，当执行到script标签时，a标签还未加载，所以无法添加成功。

解决方法：

最开始我们想到用onload来解决：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			function t(){
				$("#a").attr("hre