Question

我有一个任务，当我打开html页面时，html包含脚本标记下的javascript，并且在其下我实现了一个名为auther()的函数。如何在打开html页面时调用此函数，我不想使用html / javascript中的onClick或onLoad等方法来实现它。

意味着每当我的html被执行时，我的javascript函数应该被调用。以下是我的HTML：

<html>
   <head>
      <title>Demo</title>
   </head>
<body>
  <div id="authOps" >
      <button onclick="auther();">GET author</button>
      //By clicking on this button it is working but I want to execute 
      //this function when this html get executed
  </div>
</body>
<script type="text/javascript">
   function auther(){
      //some code
   }
</script>
</html>

在上面的场景中，每当打开我的html页面时，javascript函数都应该在没有任何点击处理的情况下执行。

注意：我提到的html代码仅供参考，我的主要目的只是执行javascript函数，我该如何实现？

Answer 1

据我所知，有两种方法可以做到这一点，

<强> 1

＆＃13;

<html>
   <head>
      <title>Demo</title>
   </head>
<body>
  <div id="authOps" >
      <button onclick="auther();">GET author</button>
      //By clicking on this button it is working but I want to execute 
      //this function when this html get executed
  </div>
</body>
<script type="text/javascript">
   function auther(){
	console.log("Hi");
   };
auther();
</script>
</html>

＆＃13;

<强> 2

＆＃13;

<html>
   <head>
      <title>Demo</title>
   </head>
<body>
  <div id="authOps" >
      <button >GET author</button>
      //By clicking on this button it is working but I want to execute 
      //this function when this html get executed
  </div>
</body>
<script type="text/javascript">
   var thisIsAFunction = function (){
	console.log("Hi");
   }();
</script>
</html>

＆＃13;

您可以尝试使用这两个选项。

Answer 2

只需在脚本块中调用该方法，而不是单击按钮

<script>auther(); </script>

执行html时调用javascript函数

2 个答案: