如何让JavaScript在页面加载前执行？

kgsdhlau 于 2023-01-16 发布在 Java

关注(0)|答案(1)|浏览(230)

我有这个密码

<html>
  <head>
    <script>
      function main(){
        function loadWordlist(url){
          var xhttp = new XMLHttpRequest();
          xhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {
                 console.log('firstFunction');
              }
          };
          xhttp.open("GET", url, true);
          xhttp.send();
        }
        loadWordlist('https://www.example.com/');
      }
      main()
    </script>
  </head>
  <body>
    <script>
      console.log('secondFunction')
    </script>
  </body>
<html>

在这里，我得到的内容，从网址和浏览器在此期间包含加载代码和执行它
但是我先得到secondFunction，然后再得到firstFunction，并且我希望firstFunction先执行，然后在firstFunction完成后再得到secondFunction

JavaScript

来源：https://stackoverflow.com/questions/75118348/how-to-make-javascript-execute-before-page-load

1条答案

按热度按时间

lmvvr0a81#

从第一个函数调用第二个函数。

<html>
  <head>
    <script>
      function main(){
        function loadWordlist(url){
          var xhttp = new XMLHttpRequest();
          xhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {
                 console.log('firstFunction');
                 secondFunction();
              }
          };
          xhttp.open("GET", url, true);
          xhttp.send();
        }
        loadWordlist('https://www.example.com/');
      }
      main()
    </script>
  </head>
  <body>
    <script>
      function secondFunction() {
        console.log('secondFunction');
      }
    </script>
  </body>
<html>

如果这不可能，你可以使用xhttp.send()阻塞。我强烈建议不要这样做。这是糟糕的用户体验。但这是可能的，也许在某些用例中这是唯一的解决方案。

<html>
  <head>
    <script>
      function main(){
        function loadWordlist(url){
          var xhttp = new XMLHttpRequest();
          xhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {
                 console.log('firstFunction');
              }
          };
          xhttp.open("GET", url, false);
          xhttp.send();
        }
        loadWordlist('https://www.example.com/');
      }
      main()
    </script>
  </head>
  <body>
    <script>
      console.log('secondFunction')
    </script>
  </body>
<html>

赞(0）回复(0）举报 2023-01-16

我来回答

如何让JavaScript在页面加载前执行？

1条答案

相关问题

热门标签

最新问答