Question

在我正在处理的网站上，我有一个缓慢加载的div导致页面加载缓慢但也跳转，因为并非所有位置元素都加载，直到这个缓慢的div之后。我无法控制这个div的内容，因为来自div的内容来自外部源。所以我想知道我是否可以将这个div的内容移动到我的代码底部，以便在我的页面的其余部分之后加载，同时仍然保持内容在网页上的同一位置？与人们对某些java脚本代码的处理方式类似。

Answer 1

您可以使用CSS来定位div并将其放在最后。或者javascript实际上是个好主意，在window.onload（）函数中加载内容。

Answer 2

你可以找到2个div - 一个应该在哪里，第二个在页面底部。两个元素最初都不应显示。页面将被加载后使用JavaScript复制“伪”div的内部内容到你需要的div并为此创建显示块。

Answer 3

像谢尔盖说的那样做这样的事情

头脑中的javascript window.onLoad = function（）{switchDivs（）; }

HTML上面你想要的内容

<div id="whereYouWantIt"></div>

页面其余部分的更多HTML

<div id="contentIsInHere"></div>

这里的javascript用于切换内容的功能。（可选）在此处调用包含此功能的外部脚本。

<script> 
function switchDivs() {
  document.getElementById("whereYouWantIt").innerHTML = document.getElementById("contentIsInHere").innerHTML;
  document.getElementById("contentIsInHere").innerHTML = "";
  document.getElementById("whereYouWantIt").style.display = "inline";
}
</script>

</body>

CSS

#whereYouWantIt {
    display:none;
    other styles ...
}
#contentIsInHere {
    display:none;
    no other styles needed
}

将div的内容移动到代码的底部

3 个答案: