gpt4 book ai didi

javascript - 如何在进一步移动之前要求 JQuery 加载函数加载完整的页面内容

转载 作者:太空宇宙 更新时间:2023-11-03 18:16:06 25 4
gpt4 key购买 nike

我正在使用 JQuery 加载页眉和页脚,如下所示。 JQuery("").load仅当代码放在相应的 <div id="header"> 之后时才有效.我想在页面的开头加载 header.jsp 内容可能在 <head>部分或者我希望浏览器首先下载 header.jsp 内容并进一步移动以便它加载更快。

这样实际上我的正文首先显示,因为它的内容较少,然后是页眉和页脚页面。我想在浏览器中一次显示完整的页面

<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form action="myForm">
<div id="header" ></div>
<script type="text/javascript">
jQuery("#header").load('header.jsp');
</script>
<div>
Body Content goes here..
</div>

<div id="footer" ></div>
<script>
jQuery("#footer").load('footer.jsp');
</script>
</form>

</body>
</html>

有什么办法可以实现这个功能。

最佳答案

$("#header").load("header.jsp").done(function(){
$("#footer").load('footer.jsp');
}

关于javascript - 如何在进一步移动之前要求 JQuery 加载函数加载完整的页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22782144/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com