Javascript 对要首先加载的div或映像进行优先级排序

Javascript 对要首先加载的div或映像进行优先级排序,javascript,html,css,loading,Javascript,Html,Css,Loading,下面是一些示例代码,我想在加载“div1”之前对其进行优先级排序 <HTML> <body> <div id="div1">This div will load first please</div> <img src="/" title="Other large images"> <img src="/" title="Other large

下面是一些示例代码,我想在加载“div1”之前对其进行优先级排序

<HTML>
<body>
<div id="div1">This div will load first please</div>
<img src="/" title="Other large images">
<img src="/" title="Other large images">
<img src="/" title="Other large images">
<img src="/" title="Other large images">
<img src="/" title="Other large images">
</body>
</html>

请先装这个舱

仅通过
HTML
您无法对网页上首先加载的内容进行优先级排序

页面从上到下加载,首先加载
及其内容,然后加载
及其内容

如果您希望根据需要呈现页面,则需要使用JavaScript

下面的示例代码与此相同。
window.onload=function(){
const div1=`请先加载此div`;
设置超时(()=>{
console.log(“3秒后加载DIV1”);
document.getElementById(“the-div-1”).innerHTML=div1;
}, 3000); 
常数imgs=`





`; 设置超时(()=>{ 日志(“6秒后加载图像”); document.getElementById(“image div”).innerHTML=imgs; }, 6000); }

HTML文件中的任何内容都将自顶向下加载。

使用
文档。onload


重要部门
const loadOtherContent=()=>{
//装上其他东西
document.getElementById(“a”).innerHTML=“…”;
document.getElementById(“b”).innerHTML=“…”;
//...
}

它已经会了,你的问题是什么?这是否回答了你的问题@丹尼。从标题上看,它看起来确实很有希望@rdmptn为什么要优先考虑它?因为它是浏览器将解析和呈现的html中的第一个元素。