Question

我有这个简单的HTML页面：

<html>
    <head>
       <script>
       share();
       </script>
    </head>
    <body>
       <script>
          function share() {
                alert('test');
          }
       </script>
   </body>
</html>

我需要从<head>调用函数共享，并且函数本身必须在<body>中定义。

上述代码导致未定义的函数错误。

这只是一个解释问题的简化脚本，因此需要以这种方式完成。有办法解决这个问题吗？

Answer 1

你需要等待身体被加载，所以

<html>
<head>
   <script>
   window.onload=share;
   </script>
</head>
<body>
   <script>
      function share() {
            alert('test');
      }
   </script>

Answer 2

您可以使用

    <html>
    <head>
       <script>
        windows.onload = function(){
           share();
        }
       </script>
    </head>
    <body>
       <script>
          function share() {
                alert('test');
          }
       </script>
</body>
</html>

或者您可以使用Jquery版

  <html>
        <head>
         <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
           <script>
            $(document).ready(function() {
               share();
            });
           </script>
        </head>
        <body>
           <script>
              function share() {
                    alert('test');
              }
           </script>
    </body>
    </html>

他们两个都在这种情况下工作但是如果你想知道这两个之间的区别我建议看到这个 window.onload vs $(document).ready()

Answer 3

使用

     <html>
        <head>
<script src="jquery-1.11.1.min.js"></script>
           <script>
            $(document).ready(function() {
               share();
            });
           </script>

        </head>
        <body>
           <script>
              function share() {
                    alert('test');
              }
           </script>

从头部定义的身体调用函数

3 个答案: