Javascript 即使我将脚本标记放在body标记的结尾上方，页面也只有在用ok单击弹出窗口后才会加载_Javascript

Javascript 即使我将脚本标记放在body标记的结尾上方，页面也只有在用ok单击弹出窗口后才会加载

javascript

Javascript 即使我将脚本标记放在body标记的结尾上方，页面也只有在用ok单击弹出窗口后才会加载,javascript,Javascript,即使我将脚本标记放在body标记的结尾上方，页面也只有在单击OK后才会加载。我该怎么办 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>this is f

即使我将脚本标记放在body标记的结尾上方，页面也只有在单击OK后才会加载。我该怎么办

<!DOCTYPE html> 
 <html lang="en" dir="ltr">  
   <head>   
    <meta charset="utf-8">  
    <title></title>
   </head> 
   <body>    
    <h1>this is for beginners javascript</h1>   
    <div>  <p>this is a div</p>   </div> 
    <script src="js_notes.js"></script>  
   </body>  
 </html>

你想做什么？加载html时，将始终读取js文件。如果您想在执行事件时加载弹出窗口（例如，单击div:thisadiv），只需使用onclick函数

在您的js_notes.js中：

function showpopup() {
  alert('hello');
}

如果您只想等待页面加载，可以使用window.onload或计时器（setTimeout（showpopup，1000））

在html文件中：

<div onclick='showpopup()'>Text Content Here</div>

此处的文本内容

您可以尝试几件事，确定什么最适合您

<script async="async" src="js_notes.js"></script>

但是，您可能需要添加一点异步暂停，以使页面有机会进行绘制

setTimeout(function(){
  alert('hello world');
}, 1 * 1000);

请阅读并查看。要使此功能有用，您至少应包括您测试此功能的浏览器。我使用Google Chrome和Safarit对其进行了测试。问题是，我希望弹出窗口和网页同时加载，因为我最后放置了脚本标记，但是，只有在加载弹出窗口并单击OK之后，页面才会加载。然后需要执行以下操作：window.onload=function（）{alert（'hello'）；}不，它仍然不工作。在我按下弹出框中的“OK”按钮之前，页面不会被加载。我已添加了一个图像描述。@adhinarayan：“在我按下弹出框中的“OK”按钮之前，页面不会被加载”我认为您在错误地陈述问题。页面肯定会被加载，否则警报不会显示。您似乎希望在显示警报之前呈现页面内容。

function docReady(fn) {
  if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}

setTimeout(function(){
  alert('hello world');
}, 1 * 1000);