Question

我在HTML

中调用了两个函数

<body onload="myFunction()" onmousemove="myFunction1()">

我想从javascript文件执行这两个函数，并在HTML中调用此文件，如

<script type="text/javascript" src="path/to/functions.js"></script>

即。这两个函数都将从javascript文件中调用，而不是从html调用。

我试过了

window.addEventListener('load', myFunction()); window.addEventListener('onmousemove', myFunction1());

或

$(window).load(function () {
    myFunction(); 
});
$(window).onmousemove(function () {
    myFunction1(); 
});

但失败了。

我该怎么办？

详情

我有一个javascript文件，其中有一些功能。

script.js

function myFunction() {
     alert("This is my function");
}

function myFunction1() {
     alert("This is my second function");
}

我在我的html body标签中调用了这些函数

<body onload="myFunction()" onmousemove="myFunction1()">

现在我想从我的script.js中调用这两个函数，如

window.addEventListener('load', myFunction());
 window.addEventListener('onmousemove', myFunction1());

我该怎么办？

我认为你了解我的要求。

Answer 1

您的代码应如下所示：

window.addEventListener('load'      , myFunction  );
window.addEventListener('mousemove' , myFunction1 );

但如果它仍然不适合你，试试这个：

window.onload      = myFunction  ;
window.onmousemove = myFunction1 ;

请检查：onload和此：onmousemove

Answer 2

<强>尝试

＆＃13;

function number1(){
    document.querySelector("#info").innerHTML = "LOAD";
  }
  
  function number2(){
    var x = event.clientX;
    var y = event.clientY;

   document.querySelector("#info").innerHTML = "MouseMove: ( x:"+x+" , y:"+y+") ";
  }
  
    window.onload = function(){
   number1()
   }
    
   window.onmousemove = function(){
   number2()
   }

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<div id="info">waiting</div>
</body>
</html>

＆＃13;

Answer 3

对于body onload，请在body标签中添加onload =“myFunction（）”并将其写入您的javascript文件

function myFunction（）

{

警告（“页面已加载”）;

}

Answer 4

我认为您应该验证您的（.js）文件是否已加载页面？因为我已经尝试了这两个例子并且两个都在工作 window.addEventListener('load', myFunction);和window.addEventListener('load', myFunction());

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    alert("Page is loaded");
}
window.addEventListener('load', myFunction);
</script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

或

<!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction() {
        alert("Page is loaded");
    }
    window.addEventListener('load', myFunction());
    </script>
    </head>
    <body>
    <h1>Hello World!</h1>
    </body>
    </html>

在javascript文件中调用

4 个答案: